
August 1st, 2003, 03:09 PM
|
 |
Contributing User
|
|
Join Date: Feb 2003
Location: USA
Posts: 140
Time spent in forums: 10 h 5 m 4 sec
Reputation Power: 11
|
|
|
Liquid CSS - One header, two columns
I'm wanting this type of design in my webpage, all centered:
oooooooooooooooooooooooooooooooooooooo
oooo------------------------------oooo
oooo||||||||||||||||||||||||||||||oooo
oooo------------------------------oooo
oooooooooooooooooooooooooooooooooooooo
oooo-----oo-----------------------oooo
oooo|||||oo|||||||||||||||||||||||oooo
oooo|||||oo|||||||||||||||||||||||oooo
oooo|||||oo|||||||||||||||||||||||oooo
oooo|||||oo|||||||||||||||||||||||oooo
oooo|||||oo|||||||||||||||||||||||oooo
oooo-----oo|||||||||||||||||||||||oooo
ooooooooooo|||||||||||||||||||||||oooo
ooooooooooo|||||||||||||||||||||||oooo
ooooooooooo-----------------------oooo
oooooooooooooooooooooooooooooooooooooo
o = whitespace
- and | = boxes
I can center align top box, but don't know how to get the left box to align its left side with the left side of the header.
I could do it easily by wrapping a table around the whole thing, but I'm doing my best not to fall back into my sordid addiction with tables.
Being a CSS novice, what's the best way to align one box to another? Can't see how the "relative" position style helps.
|