Posted by Yuri Shtil on 08/08/07 22:10

Neredbojias wrote:
> Well bust mah britches and call me cheeky, on Tue, 07 Aug 2007 23:04:09
> GMT Yuri Shtil scribed:
>
>> I want to layout an HTML page as follows:
>>
>> 1- a number of vertical (on top of each other) containers on the
>> top
>> level
>> 2 - each container in 1 may have a number of horizontally laid
>> containers 3 - each container in 2 may have a number of containers
>> type 1
>>
>> Here is an example of what I am trying to accomplish:
>>
>> header
>> Text <select> text <textfield> <checkbox> label
>>
>> ---------- ---------| ----------
>> text | | text | | text |
>> select | | select | | select |
>> ---------- ---------- ----------
>>
>> ---------- ---------| ----------
>> text | | text | | text |
>> table | | table | | table |
>> ---------- ---------- ----------
>>
>> I played with the display attributes and tried to wrap the boxes into
>> <div> to no avail.
>>
>> Basically I need to know:
>> - how to create a container element that can be positioned
>> horizontaly
>> or vertically relative to the parent container.
>
> Any container within a relatively-positioned outer container and positioned
> absolutely will do that. Normally it's a <div>.
>

Could you point to an example? How do I make sure boxes are aligned and not overlapping?
I looked at a couple of CSS books and articles. For example in Cascading Style Sheets by Eric A.Meyer on page 294 the author says:
[Positioning] allows you to define exactly where element boxes will appear relative to ... a parent element or another element.
Unfortunately I cannot figure out how to do this specifically how to position relative to another element(sibling I guess).

[Back to original message]