Sent by Gunlaug_Sørtun on 26 July 2005 15:03
Scot Schlinger wrote:
> I am trying to arrange four "box" division such that 1 and 2 are in
> the first row and 3 and 4 are in the second row. The way that I am
> currently attempting this situation is to absolutely position 2 and 4
> respectively in their "rows" to the right of 1 and 3, this is fine
> until I place more info in the "box" and they overlap.
> My attempt: http://www.rell.com/test/test.html
As you have seen: using absolute positioning to control large
content-areas with unknown dimensions is pretty unreliable.
You may try floats, as they will adjust with content, and won't overlap
unless you define them to.
#box1, #box2, #box3, #box4 {
border: 2px solid #9ca;
width: 250px;
padding: 8px;
float: left;
}
....no further definitions on these boxes.
Then put a clearing-element between box 2 and 3 in the xhtml-source, and
they will adjust nicely.
That's the start. You shouldn't have any problems taking it further.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
