What Mozzila playing at??!

[Coxylaad]

Hi all,
Excuse my noviceness but I have just built a web page

http://www.corrado4motion.co.uk.

it looks fine in internet explorer, but through Mozzila there is a perculiarity with the top menu bar, it seems to collapse somewhat, can anyone shed any light on this?

Ta

Ian

 

[Vragabond]

Mozilla is correct. Your div.TopMenu has no elements inside which are part of the normal document flow (not absolutely positioned or not floated). Its height is set to auto (default or none) meaning it is as high as all the elements of normal flow inside. Since no elements of normal flow are inside, it is 0px high. You can:

1. set the height: 20px; for div.TopMenu
2. put a dummy div at the end of your TopMenuItems and add clear: both; rule to it.

 

[Coxylaad]

Ah I have sorte it, I have set div.topmenu to Float left.

I set the line height but that made no difference.
I even added some text so it had something to display, and it did display it but it put the menu items undernieth it.

It works now, thanks for the help

Ian

 

[jstreich]

IE allows a lot of things that aren't in the standards to render nicely, and even breaks things that are in the standard... Mozilla is fairly good at following the standards. If Mozilla doesn't like it and IE does, IE is generally misbehaving. On the flipside, it is quite possible (though not neededly easy) to crash Mozilla with really bizar code and IE will just give bad output.

 

[Coxylaad]

i see, then I will definately be testing in both browsers in the future.

Thanks for that

Ian