Wrong in FF

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?

Re: Wrong in FF

On Dec 6, 11:27 pm, "Shelly" wrote:
> 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?

http://validator.w3.org/check
Fix the errors and your problem should be easier to find.
--
Regards Chad. http://freewebdesignonline.org

Re: Wrong in FF

Shelly wrote:
> 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 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 at
www.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)

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: Wrong in FF

Chaddy2222 wrote:
> On Dec 6, 11:27 pm, "Shelly" wrote:
>> 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?
>
> http://validator.w3.org/check
> Fix the errors and your problem should be easier to find.

They are fixed. It still shows the problem in Firefox.

Re: Wrong in FF

Shelly wrote:

> Chaddy2222 wrote:
>> On Dec 6, 11:27 pm, "Shelly" wrote:
>>> 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?
>>
>> http://validator.w3.org/check
>> Fix the errors and your problem should be easier to find.
>
> They are fixed. It still shows the problem in Firefox.

Not all of them.


Why are you using Transitional? New pages should be Strict.

"http://www.w3.org/TR/html4/strict.dtd">

Read this about font choices and sizing:
http://k75s.home.att.net/fontsize.html

I see no dropdown menu. Neither will any of the ~10% who have JavaScript
disabled, or stripped by their corporate firewalls. This is like turning
off your web server for a month every year.

Whatever you used to generate all that CSS, toss it aside and start
fresh.

--
-bts
-Motorcycles defy gravity; cars just suck

Re: Wrong in FF

On Dec 7, 1:20 am, "Jonathan N. Little" wrote:
> Shelly wrote:
> > 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 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)
>
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
--
Regards Chad. http://freewebdesignonline.org

Re: Wrong in FF

Shelly wrote:
>
> 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.

That is some nasty markup - an unpleasant mix of stylesheets, layout
tables, inline styles and HTML presentational attributes. You'll have a
terrible time working with this mess of code. Start over, please.

> Any clues?

Take Mr Little's advice, and do some learning before hacking away at
this any more. The alternative is to hire a competent coder to implement
your design for you.

--
Berg

Re: Wrong in FF

Chaddy2222 wrote:

> 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

I agree, www.quirksmode.org is a very good resource and you will learn
what a devil quirks mode can be and why it is best to avoid it.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: Wrong in FF

On 2007-12-06, Shelly wrote:
> 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?

It may be because FF doesn't seem to like making 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?

You may be able to fix your page by inserting another div to be a
containing block for the positioned menu:

Re: Wrong in FF

Ben C wrote:
> On 2007-12-06, Shelly wrote:
>> 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?
>
> It may be because FF doesn't seem to like making 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 .

Re: Wrong in FF

On 2007-12-07, Mark wrote:
> Ben C wrote:
>> On 2007-12-06, Shelly wrote:
>>> 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?
>>
>> It may be because FF doesn't seem to like making 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 .

Good for them. Thanks for checking. That seems to be something that
works in IE but not in Firefox!