SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,099
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Strange stairs behavior (IE) Absolute positioned div not showing in IE and FF

    I am working on this website. There are some strange things going on though. I have a absolute positioned div (top: 0, right: 0) called panel which is showing in Chrome but not in FF and IE. Then furthermore are there on a few pages (the Artist, Events) a gallery which are working fine in FF and Chrome but in IE I get a very strange stair effect. Does anyone see in my CSS what I am doing wrong?


    Thank you in advance
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  2. #2
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,099
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have searched for every possible solution. I tried the to set the <li's> to inline but I keep getting that staicase bug. and the hidden div is also still not solved. Any help will be highly appreciated.
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by donboe View Post
    I have searched for every possible solution. I tried the to set the <li's> to inline but I keep getting that staicase bug. and the hidden div is also still not solved. Any help will be highly appreciated.
    Try closing the anchors properly

    Code:
    Painter" /></</li>
    It should be:

    Code:
    Painter" /></a></li>
    That should cure the staircase effect.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    For your missing panel remove the position:absolute from #wrapper or use position:relative, or add width:100%. The absolute element has no width so right 0 puts it left of the viewport and invisible.

  5. #5
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,099
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul. Thank you so much. I work wit a lot included server side scripting files. And in the included file everything was okay. The only thing is that in the index page I hadn't included the galley file so while I was actually changing things, it didn't had any effect on the one I should have make the changes to.

    About the missing panel. Why was it that I saw it in Chrome anyway? While there was no width set for the wrapper?
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by donboe View Post

    About the missing panel. Why was it that I saw it in Chrome anyway? While there was no width set for the wrapper?
    Chrome is the new IE6

  7. #7
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,099
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Whahahaha
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •