Problems with Divs within Divs - How do I do this?

07 May 07 5:09 am

So your problem with figure 2 is that the text is running over the box on the right? Without seeing your HTML (in addition to the CSS) it's hard to say what's going wrong, so here's a way to do it. Tweak it so that it looks how you want.



Then your html should look like this:



It'll look pretty nasty until you put some padding and/or margins onto those divs.

Good luck!
Mark

07 May 07 10:23 pm

It's pretty hard to see what the problem is without looking at your whole page. If you want different borders, headers, font styles, background colours etc within that right div, you need to specify them. Otherwise, even though they're in another div, because they're headers, borders and font styles within the center div, they're going to inherit the properties of the center div.

Basically, if you don't tell it to do something different, it'll keep doing the same thing for *everything* inside the div.

So in your stylesheet you should also have:



Or if you're just putting stuff inside the "post" class, specify the headers and stuff for that.




P.S. You don't need to specify "block" for a div. It's a block level element already.

Hope that helps,
Mark

11 May 07 5:23 am

Ok, here's your problem.



This is saying that all h1 tags in your left, middle and right divs will be that style, complete with bottom border.

If you want your other divs to be different, you need to delete the "#right h1, #left h1" parts in the above style, and create new ones for that div.

#right h1 {things here}

Hope that helps,
Mark