ansaurus

Question

Container/Wrapper Div does not contain all content?

Answer 1

+1 A:

With my crystal ball, I will predict that your child divs are floated and your container is not. In this case, the container will not expand to fit its contents. Try floating your container and see what happens.

The crystal must have been dusty... However, the code you posted is not valid - you have content inside the head tag and a div outside the html tag. Is this how your page really looks, or is it just an error pasting the code into your question? Try cleaning up the code structure and see if it helps.

EDIT: Found the problem - it is a typo. You have <div="header"> - it should be <div id="header"> (note the missing 'id')

Ray 2010-05-17 13:42:47

i couldnt post all the code on there for some reason! yes a few typos opps :-(

Imran 2010-05-17 13:56:57

please try again - with the small code fragment you have left, no one will be able to help

Ray 2010-05-17 14:10:00

I edited my answer to show the typo in your code that is causing the problem.

Ray 2010-05-17 15:46:26

THANK YOU SOO MUCH RAY!!! ;-) IT WORKS!!!!! CAN'T BELIEVE IT'S A TYPO i thought i neeeded a CSS hack

Imran 2010-05-17 19:41:38

Answer 2

+1 A:

Try giving the clear:both to the parent div or put a div at the end of it:

<style type="text/css">
 .clear{clear:both;}
</style>

Possibility One:

<div id="parent">
  <div id="child1">Some Content</div>
  <div id="child2">Some Content</div>
  <div id="child3">Some Content</div>

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

Possibility Two:

<div id="parent" class="clear">
  <div id="child1">Some Content</div>
  <div id="child2">Some Content</div>
  <div id="child3">Some Content</div>
</div>

Sarfraz 2010-05-17 13:45:06

The second possibility is not the same as the first. If you put the `<div class="clear"></div>` before the `#parent` div then yes, both have the same effect.

ANeves 2010-05-17 15:44:02

Answer 3

A:

You have a DIV in your HEAD element.

Superstringcheese 2010-05-17 13:50:33

Answer 4

+1 A:

<h2> subheading<h2>

You miss a /

Nicolas Viennot 2010-05-17 15:20:46

Answer 5

+1 A:

A great tool: http://validator.w3.org/ - this will tell you if there is markup errors and on what lines.

Moak 2010-05-17 16:23:08

thanks Moak i'll try it!

Imran 2010-05-17 19:45:01

ansaurus

tags:

views:

answers:

Container/Wrapper Div does not contain all content?

related questions