Aaron Pollock wrote:
The following is a work in progress but I have a problemÂ…
HYPERLINK http://newsite.websitedirection.com/
http://newsite.websitedirection.com/
The green border going across the bottom of the header div is not touching
the right hand side of the wrapper div and I can't work out why. Margins and
padding are set to zero.
This is a weird one alright. IE seems to be duplicating
part of the right margin on the right floated #mainnav,
but the duping occurs OUTSIDE the header, apparently
triggered by the left floated #logo and right floated
#mainnav being in contact with insufficient room for both.
Normally this would cause a float drop, but the right margin
on that right float seems to change things.
The effect depends on some critical spacing, so if you
narrow #mainnav a little it will go away.
The really interesting thing is that IE is actually enlarging
the entire wrapper to accomodate this duplicated margin! Try
making that right margin 100px, and then play around with the
width on #mainnav. The wrapper appears to widen in both directions,
but I think the dupe is all on the right. The wrapper just gets
centered after the new width is added to the wrapper, so it appears
to widen in both directions.
The gap is simply newly created wrapper width, which just happens to
show to the right of the header block. No wonder you couldn't get
rid of it!
As you widen #mainnav, more and more of the right margin gets
duplicated outside the header proper. Once the inner margin is
fully duped, any further widening of #mainnav will cause a
float drop, killing the duplication effect.
BTW, if #header is given layout, by defining a dimension
or applying zoom: 1;, then the duplication stays inside
#header, but the widening still happens. Oh well. ;)
Again I am suprised by IE. It truly is a bottomless pit of bugs.
Big John
=
--
Perennial student + Impractical joker + CSS junkie = Big John
http://www.positioniseverything.net
__
Do you Yahoo!?
Meet the all-new My Yahoo! - Try it today!
http://my.yahoo.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
