CSS Div Height

robfenn's picture

He has: 471 posts

Joined: Jun 2005

Hi Guys,

As you already know i'm a CSS moron. I've been trying to do my blog in CSS and have come up with a problem.

http://www.robisms.com/layout.htm

As you can see the div on the right containing the main body of text is going beyond over divs below. How can i get the div to be as tall as the text, pushing the divs below downwards? Confused

Cheers

Rob

He has: 698 posts

Joined: Jul 2005

Typically if I have a problem like this, adding "overflow: auto;" clears it up.

He has: 629 posts

Joined: May 2007

Your problem is due to your use of absolute positioning. The positioned boxes act a lot like Photoshop "layers" -- the rest of the page knows nothing of their presence, so boxes just pile up on top of each other.

I suggest you abandon absolute positioning for layout. Far too many problems with differing browser implementations down that road.

Check out http://blog.html.it/layoutgala/ for some ideas.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.