Tables in Container

[cowdogs]

I don't have much hair on my head anymore after trying to deal with this:

I have a div container... Then inside I have a table...

In IE, the div container continues with the table.. and displays properly.

In FF the container only goes a little ways, and the table keeps going...

What I am doing wrong????

here is the page in question:

http://missing.link.ca/powerpioneers.ca/board.html

Jen

[NogDog]

You need to "clear the floats", as they say.

Add this right before the closing </div> for the container div:

<div class="clear"></div>

Add this to your CSS:

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  height: 0;
}

[cowdogs]

Thank you.. that did the trick!! Took a bit of thought process for me to figure out what the correct end div tag it was

Thanks again!

Jen

[NogDog]

A good practice is to comment the end tags, something like:

<div id="container">
  <div id="menu">
    <p>Some content here</p>
  </div> <!-- menu -->
  <div id="main">
    <p>content goes here</p>
  </div> <!-- main -->
</div> <!-- container -->