My mate is doing a site and is having some trouble. So I helped him rejig the header as it was a huge mess. Anyway, I'm having problems with the menu he asked me to help out with.
Sorry for what will be a poor explanation but I'm actually on a training course as I type!
Here are two versions of the thing:
In IE, the float.html is what I want. But in FF it acts as if there is no padding under the LI elements.
the "float" or "nofloat" refers to how I have positioned the li a tags.
Gotta shoot now but if anyone fancies having a bash at it, please do! I know the list items are fixed pixels which is a "no-no" but it aint my site
For float.html, add
For float.html, add overflow: hidden to #nav ul.
Tyssen, that works a treat Thank you.
So what exactly does the overflow:hidden do? It never occured to me to try that.
Hugo's not online right now,
Hugo's not online right now, so I'll answer that one.
IE6 and before takes height as min-height. So they will expand a box as the content dictates (often when you don't think it should!).
Overflow:hidden says if the content doesn't fit, chop off the bottom of what doesn't fit. As that is often just whitespace when IE is involved, who cares?
Was that my name I heard
Was that my name I heard being written?
Overflow other than default visible forces the element to have to enclose it's children fully ensuring that their boundary sits within it.
There was an interesting post dissecting the issue years back when the use of overflow had begun to be used to provide clearing. It was in 'Geeks' section but I haven't been able to track it down