Forum Moderators: not2easy

Message Too Old, No Replies

Side by side divs

Aligning them vertically is proving a nightmare...!

         

vicksm

1:01 pm on Mar 3, 2005 (gmt 0)

10+ Year Member



Hi

I have a layout within a basic page structure which requires 4 columns, each headed with an image and then some text beneath them. I've made reasonable progress building the page (with the help of a template), but can't seem to align them along the top. I have managed to roughly control them for IE using <p>s to even out the content in them, but they're all over the place in other browsers. Any pointers would be REALLY gratefully received.

You can view the page at: <No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

Thanks in advance.

Vicky

[edited by: SuzyUK at 9:01 am (utc) on Mar. 4, 2005]

sldesigns

4:39 am on Mar 6, 2005 (gmt 0)

10+ Year Member



Pardon me if this is simplistic, but it seems you could have the whole thing in 4 divs (or 5 with a container div) floated left. That should automatically align them on top. That is, horizontally. You could specify height to make them all the same without a bunch of paragraphs and blank spaces.

vicksm

11:09 am on Mar 6, 2005 (gmt 0)

10+ Year Member



Thanks Sldesigns

Yes, I noticed my error soon after I posted and have fixed it accordingly which with a float!

Many thanks.

Vicky