Forum Moderators: not2easy

Message Too Old, No Replies

Multiple Box Layout

Question about page layout using CSS

         

Junji

9:31 am on Sep 29, 2003 (gmt 0)

10+ Year Member



Hello there,

I am developing an intranet site with lots of content, and for the top pages, I wanted to use a number of content boxes. I have seen the three column layout, but I would like to add two more boxes (or more) to the columns as necessary. Should I float the flanking boxes or should they be absolutely positioned or what? Please help, I am a bit lost.

Many thanks in advance to all comments,

Junji Nishihata

Longhaired Genius

10:12 am on Sep 29, 2003 (gmt 0)

10+ Year Member



Float 'em.

Junji

7:57 am on Oct 2, 2003 (gmt 0)

10+ Year Member



Hi there,

Actually floating didn't work. But I have figured out how to put up as many boxes I want, and each one can change length without overlapping one another. Actually easy as pie. If you float them, you have no control over where they end up, especially if you use absolute measures instead of percentage to size up the page.

Thanks anyway,
Junji

Nick_W

7:59 am on Oct 2, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hey, welcome to WebmasterWorld Junji

So what did you end up doing?

Nick

Junji

8:40 am on Oct 2, 2003 (gmt 0)

10+ Year Member



Hello Nick,

I found a site (http://codepunk.hardwar.org.uk/acssx13.htm) that described making parent boxes first and then fitting other boxes inside, much like nesting tables within tables. Previously, I was just trying to position the boxes themselves, but absolute positioning meant each box would have to be the same size. By creating surrounding boxes, I can have each box fill up with varying amounts of text. The surrounding boxes are the ones that are absolutely positioned and it all seems to work very well. Of course, I am making this for a closed environment where everyone is on IE 5, so browser issues do not exist.

In any case, floating doesn't work for this and anyone trying it out should like at the site above.

Cheers,
Junji