CODEWITHSUNDEEP
htmlcssfirefoxcross-browserquirks-mode
immutabl
immutabl

Reputation: 6903

Argh! Last minute Browser/CSS Quirk in Firefox - can anyone help?

So I started tweaking the html/css of this page. Nothing fancy as far as I can see.

Now it looks completely wrong in Firefox (see for yourself) and fine in every other browser I can think of. The html has been validated by the W3 tool. I am mystified, has anyone ever come across this before?

Upvotes: 0

Views: 193

Answers (4)

shingokko
shingokko

Reputation: 412

You just need to clear the floats. Try adding this to your stylesheet:

table.layouttbl
{
    clear: both;
}

This might help too.

Upvotes: 1

Ruan Mendes
Ruan Mendes

Reputation: 92284

Your menu div has no need to float, remove float from that #divMenu. Be careful since you're defining #divMenu in 2 different places

Upvotes: 1

kgilden
kgilden

Reputation: 10356

  • Add overflow: hidden to .page class in Site.css (line 108)
  • Add a new property: .layouttbl {float: left}

This fixes your issues in firefox. Make sure to check the site in other browsers as well.

Upvotes: 1

Brandon
Brandon

Reputation: 69993

Try clearing the float you put on your menu.

<table cellspacing="0 " cellpadding="0" class="layouttbl" style="clear: left;">

You can put it in an actual style rule, or add another element and attach the clear to that instead.

Upvotes: 1

Related Questions