Here is the URL:www.sheldonlg.com/test.html
In IE, the drop-down menu for "About Us" appears under the item. In FF it
is all the way to the left. Any clues?
Okay Shelly, you have ask plethora of questions here, but when I look atShelly said:Here is the URL:
www.sheldonlg.com/test.html
In IE, the drop-down menu for "About Us" appears under the item. In FF it
is all the way to the left. Any clues?
Chaddy2222 said:http://validator.w3.org/check
Fix the errors and your problem should be easier to find.
Shelly said:They are fixed. It still shows the problem in Firefox.
I agree with what you say including the testing in Opera and FF first,Okay Shelly, you have ask plethora of questions here, but when I look at
your markup and stylesheet it is very obvious that you are not doing
your homework. Web design is not pasta, "throw it against the wall and
see if it sticks" is not method that will be fruitful. Why am I ragging
on you know? Well when I see things like:
* No doctype, If you in quirks mode all bets or off for browser
presentation consistency
* "position: middle;" ??? You made that up didn't you...
* trying to use CSS yet peppering your markup with HTML presentational
attributes
* not validating your markup first, before trying to hunt down bugs...
* lastly you don't need to surround your style elements in html
comments. No one is using a browser that old.
Do you self a favor and learn a little basics first, do the tutorials atwww.htmldog.com, go to the library and borrow a book, lurk in the NG and
you will find plenty of your answers. Also design in Opera or Firefox
not IE. Only tweak afterward to get IE on board (if tweaking is required)
Shelly said:www.sheldonlg.com/test.html
In IE, the drop-down menu for "About Us" appears under the item. In FF it
is all the way to the left.
Any clues?
Chaddy2222 said:I agree with what you say including the testing in Opera and FF first,
it's so much easier as well as you don't need to worry as much.
A note to the Op, look at: http://www.quirksmode.org
Here is the URL:
www.sheldonlg.com/test.html
In IE, the drop-down menu for "About Us" appears under the item. In FF it
is all the way to the left. Any clues?
Ben said:It may be because FF doesn't seem to like making <td>s (or boxes that
are display: table-cell, more precisely) containing blocks for
positioned descendents.
Look at this example:
http://www.tidraso.co.uk/misc/td-container.html
Konqueror and Opera make the table the containing block for the
positioned box. Firefox refuses even the table and makes the div above
it the containing block.
They're all wrong as far as I can tell from CSS 2.1 10.1. What does IE
do?
IE6 and IE7 position foo in the right-hand <td>.
It may be because FF doesn't seem to like making <td>s (or boxes that
are display: table-cell, more precisely) containing blocks for
positioned descendents.
Look at this example:
http://www.tidraso.co.uk/misc/td-container.html
You may be able to fix your page by inserting another div to be a
containing block for the positioned menu:
<td style="z-index: 500">
Hello Ben,
div, #two, table { position: relative }
<td id="two">World <span>foo</span></td>
"The effect of 'position:relative' on table-row-group, table-header-
group, table-footer-group, table-row, table-column-group, table-
column, table-cell, and table-caption elements is undefined."
CSS 2.1, 9.3.1 Choosing a positioning scheme: 'position' property
Positioning sub-table elements is formally and specifically
discouraged in CSS 2.x specifications.
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.