The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS div positioning off in IE7 and IE6

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #26511

    Hi i am a newbie trying to make a photogallerysite. I have two floating divs inside some wrappers and it looks well in ff, opera,safari and IE8. For some reason the right floting div gets out of position i IE6 and IE7. It is displaced about 40 px to the right and gets halfway outside the box that was meant to contain it. How should i go about solving this issue ? Any suggestions would be much appreciated. The link to the test page is here Here is a screenshot of the displaced div in IE7. It is the row of thumbnails to the right that is overlapping the border of the intended wrapper. [img][/img]


    have you tried using a css reset? do you have one? if not, throw this is at the top of your css and see what happens.

    * { margin 0; padding: 0; }


    Hi cybershot. Thanks for your reply. I already have *{ margin:0; padding:0} in my main css ( unfortunately). It is a strange bug. irritating ! Maybe i will have to make some kind of conditional statement wit separate css for those IE browsers. I havenĀ“t tried that before so i dont know how to go about it. Any suggestions ?


    Okay thanks anyway, but i found a solution that seem to work. I made a conditional statement like this:
    <!–[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="css/IEhacks.css" />

    Linking to this:
    padding-right:58px !important;
    and that seem to do the trick. Not sure if its the right way to do it, but it looks like it is working. Any corrections are welcome.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.