asemointi diveillä 3 kolumnia

http://img530.imageshack.us/img530/1461/nimetnfq6.jpg

Täällä on kuva siitä millaista rakennetta haen

Eli otikko-osa ja keskiosa venyvät min/max arvojen rajoissa ja vasen sekä oikea navipalkki tai kolumni seuraavat 10px:n etäisyydellä, siten että elementit on keskitetty ikkunassa.

http://www.munkuvat.org/kuvat/17771.jpeg

Kuvat ilmaiseksi nettiin

Tuossa on jonkinmoinen esimerkki http://www.pmob.co.uk/temp/3colfixedtest_explained.htm aikoinaan kun itse yritin vastaavaa saada toimimaan muullakuin 100% sivun leveydellä niin ei onnistunut.

Tosin http://www.456bereastreet.com/lab/equal_height_ii/ tuollatavalla se pitäisi tehdä, joskin IE ei tuota taida. Mutta yleensä tuo tehdään kolmipalstasella taulukolla ja sen muotoilut sitten CSS, siis hybridi toteutus (ei siis sitä paheksuttua taulukkotaittoa).

muokata tuosta w3schools.com mallista:
---------------



body
{
margin-top: 120px;
}
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:#68a32b;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding-left: 0.5em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}





W3Schools.com
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)

Free Web Building Tutorials
At W3Schools you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.

W3Schools - The Largest Web Developers Site On The Net!
Copyright 1999-2005 by Refsnes Data.





----------

Tuolta löytyy monenlaisia leiskoja:

http://blog.html.it/layoutgala/
http://www.intensivstation.ch/en/templates/

hieman soveltamalla saa tuon halutunlaisenkin.