I'm curious what's causing a rendering problem in this older version
of firefox on this example below, and if it's something that can be
fixed in css. This is more a question about understanding css than
trying to solve a specific problem[1].
Here's the problem code:
http://hank.org/demos/foo5.html
The css is in-line on that page. The link text in the menu bar is
moved up to the top of the enclosing <td>.
In case you don't have an older version of firefox here's what it
looks like:
http://hank.org/demos/capturefoo5.png
The original design for the submenus used <dl> for an enclosing box
for the <ul> sub-menu:
<td class="popup">
<dl>
<dt>
<a href="#">link text</a>
</dt>
<dd>
<ul>
<li><a href="#">List item 1</li></a>
<li><a href="#">List item 2</li></a>
<li><a href="#">List item 3</li></a>
<li><a href="#">List item 4</li></a>
<li><a href="#">List item 5</li></a>
</ul>
</dd>
</dl>
</td>
So the <dl> gives the <ul> an outer box to reference.
Seems like the <dl> is extra markup -- the <ul> has a parent box (the
<td>) after all for the position: relative. So, I tried a version
without the <dl>, which is cleaner markup:
http://hank.org/demos/foo4.html
But it seems like the <ul> submenus are referencing the <tr> (or
table) instead of the parent <td>. All drop-down menus are on the far
right.
Ok, so I tried throwing in a <div> to give the <ul> something to be
relative to. (This is that foo5.html page with the problem in
Firefox):
<td class="popup">
<a href="#" class="l1">link text</a>
<div>
<ul>
<li><a href="#">c List item 1</a></li>
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 1</a></li>
<li><a href="#">List item 1</a></li>
</ul>
</div>
</td>
And for some reason that pushes the text in the buttons up in Firebox
1.0.4 as shown in the .png image.
My question is: is this a bug in Firefox, or in my incorrect
understanding of the css positioning?
Thanks,
[1] such as using a different method all together. For example:
http://dizque.lacalabaza.net/temp/full-width-navigation-bar-with-css.html
--
Bill Moseley
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
