...

View Full Version : IE and FF difference I can't seem to solve



Excavator
12-26-2006, 09:33 PM
I have used an IE min-width technique from Stu Nicholls here.

the site (http://www.noelshairsalon.com/stylists.html)

Look at it using the ViewDOM in the developers toolbar in both IE7 and FF2


-In IE the top and bottom width classes are seperated by the 42px high menu.
-In FF the top and bottom width classes are butted up together with the 42px menu over top of the bottom width class.

How can I get FF to slide that width class down without making IE slide it down further???

_Aerospace_Eng_
12-27-2006, 02:33 AM
You need a clearing div after your menu div.

<div style="clear:both;line-height:0px;font-size:0;">&nbsp;</div>
Also do you really need that many divs? It seems to me like you have a case of divitis (look it up, its a common term in HTML).

Excavator
12-27-2006, 02:52 AM
Also do you really need that many divs? It seems to me like you have a case of divitis (look it up, its a common term in HTML).

That's what I thought when I was building it and I tried to do with less but every time I got rid of one the page quit working. That is pretty much exactly how Stu Nicholls showed to do it on http://www.webreference.com/programming/min-width/

Do you have a better min-width solution?

Excavator
12-27-2006, 04:02 AM
<div style="clear:both;line-height:0px;font-size:0;">&nbsp;</div>
That added a gap that you could see the pink body under the menu.

I seem to have cured it with a declaration of clear: both; in the #bottom_content. The div still does the same thing in FF when viewed with the DOM inspector but the content inside the div does not slide under the menu anymore.

_Aerospace_Eng_
12-27-2006, 04:17 AM
There was no gap when I tried it. I like this method
http://www.pmob.co.uk/temp/min-width-ie.htm
It doesn't seem to work with all layouts but it might work with yours.

Excavator
12-27-2006, 04:46 AM
hehe,
Where the one you linked to has
#outer
#inner
#content
#content2

The one I used has
.width
.minwidth
.layout
.container


Actual page content would follow after that basic layout.

Both layouts are essentially the same and both have "divitis" but ...that's how minwidth works with IE.

_Aerospace_Eng_
12-27-2006, 06:31 AM
I wasn't referring to the min-width fix for IE as divitis. I was referring to the rest of your divs. They seem to be uneccessary. You seemed to have a div for every single little thing when you don't have to.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum