Forums

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

Home Forums CSS float left makes home page disappear Re: float left makes home page disappear

#72043
jamygolden
Member

Your code:

Code:
#topcontent { padding: 27px 20px 20px 30px; margin: -40px 0 25px 10px; float:left; height:320px; width: 900px; }

Take out the ‘float: left’. So it should be:

Code:
#topcontent { padding: 27px 20px 20px 30px; margin: -40px 0 25px 10px; height:320px; width: 900px; }

As soon as I took that out it worked on IE7.
(I couldn’t notice anything different, but maybe I’m not looking properly. If you have to have the float: left I would probably create an IE7 only stylesheet and make it "float: none" and do a work around in the css somehow. You seem to have a lot of irrelevant css, I think it creates room for error)

Edit:
Here is an example of how some of your code is redundant, also you are actually fighting against yourself with the css:

Code:
#contentbox #content { height:auto; padding: 25px 45px 25px 45px; }
#contentbox.home #content { height:auto; padding: 25px 45px 25px 45px; overflow:hidden; }

#sidecol ul.sidebox li.widget ul li a { display:block; padding:12px 15px 12px 15px; text-decoration: none; color:#ccc; }
#sidecol ul.sidebox li.widget ul li a:hover { color:#fff; background: #1e1e1e; }
#sidecol ul.sidebox li.widget ul li a { border-top: solid #393939 1px; }

.dropdown li a { display: block; padding:28px 36px 29px 36px; text-align: center; }
.dropdown ul li a { display: block; padding: 29px 15px 28px 25px; }