Jump to content

css float help! (i hate internet explorer)


acidglitter

Recommended Posts

At the top of my page I have

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

 

so it shouldn't be in quirks mode.

 

I have my content and navigation put into <div>s. The stylesheet for them looks like this

 

#con {
   width:650px;margin-left:140px;top:0;
   color:#636363;text-align:justify;
   border:solid 4px #70D7D6;background:url(img/layout/gah.gif) repeat-x;
   padding-top:20px;background-color:#FFFFFF;
}
#nav {
   width:140px;float:left;top:105px;left:0;
   background-color:#70D7D6;padding:4px;
}

 

It looks perfect in Firefox, but in IE7 the content shows up 140px to the right, but the top is where the bottom of the navigation is. I can't figure out why thats happening...  >:( ???

Link to comment
https://forums.phpfreaks.com/topic/66981-css-float-help-i-hate-internet-explorer/
Share on other sites

No, that won't help anything. The problem is that, if the two columns were to be put side-by-side, then you would have something too wide for the width your container element specifies, right? Do either of your boxes use padding? if not, try making the main content just a few pixels narrower. If you do, though, then you'll have to look up the Holly Hack online.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.