Sent by Eric A. Meyer on 1 July 2002 13:01
At 13:28 -0400 7/1/02, [EMAIL-REMOVED] wrote:
>I'm trying to do a navigation bar, two rows of images. Inside a div. <br />
>ends first row to have the images fall to second row.
>
>#NavBar{
> background: url(/assets/images/nav/topbar-background.gif) repeat-x;
> height: 105px;
> width: 100%;
> margin: 60px 0px 0px 0px;
> padding: 0px 0px 0px 0px;
>}
>
>That's the style of the Div. Images are you standard images. Nothing else.
>
>In Netscape 6.2, I'm getting a gap between the rows. Why?
>
>Example : http://simiandesign.com/cisomag/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This is putting the page into "standards mode" rendering. NS6.2,
which is based on Mozilla 0.9.4, does some unexpected
standards-compliant things with images when in stadnards mode. See
the article "Images, Tables, and Mysterious Gaps" on DevEdge
(http://developer.netscape.com/evangelism/docs/articles/img-table/>
for more information.
Given your description of the situation, I recommend using
'vertical-align: bottom' on those images. It's the workaround least
likely to break down.
Also see http://bugzilla.mozilla.org/show_bug.cgi?id=153032 for
details on a new rendering mode that will adhere to the standards in
all but a very, very few cases-- this being one of them. It's
expected to land in Mozilla 1.0.1.
--
Eric A. Meyer (http://www.meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
-- Martina Kosloff (http://www.mako4css.com/)
