CSS layer positioning question??

[teresa77]

http://www.wahta.com/contacts.htm

I made the page above exclusively with css and wanted the mailing address section beside the first address section as shown. The problem is that I had to use a layer with absolute positioning to place this mailing address where I wanted it and now it will not become flexible and move according to page size. When I tried to design it with a seperate div tag it will only go underneath the first address and not beside it? How can I place it beside each other without using absolute positioning?

[inkblot]

Hi.

I made a few change to your page to get the desired effect. First of all I added these definitions to the CSS:



#adressSection {}
#adressSection #streetAddress {float: left; width: 200px;}
#adressSection #mailingAddress {}

#links {clear: left;}


Then I changed the following sections in the HTML:


<div id="adressSection">
<div id="streetAddress">
<span class="bold">Wahta Mohawks</span>

Administration
building

address:

2664 Muskoka Rd. 38

Bala,
Ontario, Canada.

E-Mail all general

inquiries to:
</div>

<div id="mailingAddress">
<span class="bold">Mailing Address:</span>

Wahta Mohawk Terrirory Box 260

Bala, ON

P0C 1A0



Phone 705-756-2354

Fax 705-756-2376
</div>
</div>


<div id="links">


Blaine Commandant ("][/email]


or click the appropriate dept:

Administration - Karen Commandant

[email=")- Karen Sahanatien </p>


</p>
</div>


This should work. If it doesn't make sense, let me know :)

Note: be aware if you are copying and pasting, I omitted the email addresses from the above code.