Previous Message
Next Message

Images clearing floated nav in IE

Sent by J Cornelius on 29 January 2005 06:06


Excellent! That worked. 
Thanks a lot Michael.

- J.
 
 > Hi, J,
 >
 > It looks like the 3-pixel jog bug[1] is impacting your floating nav and
 > pushing into the space allotted for your image. The image can't compact the
 > way text does, so it gets bumped down.
 >
 > It seems you attempted to circumvent that by making the navigation 1% high
 > with overflow visible, but unfortunately IE PC does not acknowledge this
 > and stretches the height of the box to fit the content.
 >
 > Your design is very tight, in terms of paddings, margins, and widths, so I
 > couldn't find a lot of ways to deal with this. I ended up changing the
 > height and left and right margins on #pageBody in the IE CSS sheet:
 >
 >    /* commented backslash hack v2 \*/
 >    height: 1%;
 >    /* end hack */
 >    margin-right: -3px;
 >    margin-left: 159px;
 >
 > The height is for the Holly hack to force the entire page body to accept
 > the three pixel jog all the way down the page, removing any appearance of a
 > jog where the left navigation ends. The negative right margin removes 3px
 > of width to the page column, making space for the 3-pixel jog to push
 > everything right. This lets the content area remain as big as it needs to
 > be. The left margin is 3px less than the normal stylesheet's margin, to
 > bring the content area back where it should be.
 >
 > HTH,
 >
 > Michael
 >
 > [1] http://www.positioniseverything.net/explorer/threepxtest.html
 >
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: