Problem with DIVs

[sbanks]

Hello again,

As is probably common with people starting out with CSS I’m having a little trouble understanding how to get DIVs to do what I want! So any help would be gratefully received!

To illustrate the problem I’ve cut things down to a simple example, which you can see here: http://jsfiddle.net/dxh76/

What I want is for the second HR to be displayed directly below the line with ‘Text 2’ and ‘Text 3’ – but instead it’s appearing at the bottom of the large image.

Do I need to add additional DIVs to get it to work correctly?

Thanks again in advance!

[sbanks]

Well it’s a simplified example I’ve created – here’s what I’m trying to create: http://i1239.photobucket.com/albums/ff518/sbanks99/Product-Page-Layout.png

That’s only part of the page, but shows what I’m trying to do.

Maybe it could be structured differently, but I’m trying to split it up into logical boxes and didn’t think a table would allow the flexibility.

[sbanks]

Thanks for that – that’s really helpful! I’ll have a good look at that to see where I went wrong so I’ll know next time!

[Author]

Posts