SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: IE 6 CSS issue

  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2009
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 6 CSS issue

    url: http://pcmbtoday.com/
    This is a 3 coloumn layout, everything is working fine in firefox but, in IE6 in the right coloumn at bottom one image (physics - marked in the screenshot) is missing. Its because of the positioning but i am not able to figure out.
    Plz find the screenshots attached.
    Thanks
    Attached Images Attached Images

  2. #2
    SitePoint Enthusiast
    Join Date
    Mar 2009
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I fixed it by changing right column position to absolute for IE6
    #rightCol {
    float:right;
    width:151px;
    margin: -16px 0 0 0;
    position: relative;
    }
    * html #rightCol {position: absolute;}

    Kindly suggest me the better approach so it could not occur in future.
    Thanks in advance.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It's probably a "halslayout" bug as the nested div doesn't seem to have a "layout" (e.g. give it a width (or zoom:1.0).

    However as the page doesn't seem to be showing the bug because you have changed it I can't really test. I tried copying locally and changing the right column to float but still couldn't see the bug.

    It could be a number of other bugs also.


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
  •