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">
  

 

  
or click the appropriate dept:

  Blaine Commandant - Chief

  Administration - Karen Commandant

  Reception - Main office - 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.