Css:ään taas yritän perehtyä.
Ongelmani on seuraavanlainen: Alla olevassa koodissa on on kolme <div>-lohkoa. (sininen, keltainen, punainen) Onko mahdollista toteuttaa tuota siten että lohkon korkeus ei ole riippuvainen lohkon sisältömäärästä. (aina kiinni footterissa) Nythän kaikki lohkot ovat sen mittaisia kuinka paljon niissä on sisältöä..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
#frame {
padding: 0;
margin: 0px auto;
width: 840px;
height: 100%;
}
#center {
width: 840px;
float: left;
}
#center_left {
background-color: #FF0000;
width: 300px;
float: left;
}
#right_top {
background-color: #CC99FF;
margin-left: 300px;
}
#footer {
width: 840px;
height: 36px;
clear: both;
background-color: #99CCCC;
}
#right_bottom_right {
background-color: #FFFF00;
width: 200px;
float: left;
}
#right_bottom_left {
background-color: #0000FF;
float: left;
}
-->
</style>
</head>
<body>
<div id=frame>
<div id="center">
<div id="center_left">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nisi ligula, nonummy eget, </p>
</div>
<div id="right_top">Lorem</div>
<div id="right_bottom_right">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nisi ligula, nonummy eget, consectetuer consectetuer, ultrices sit amet, lacus.</p>
</div>
<div id="right_bottom_left">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nisi ligula, nonummy eget, consectetuer .</p>
</div>
<div id=footer>
<P>footer</P>
</div>
</div>
</div>
</body>
</html>Käytä pikseli, mm, cm, m, jne... arvoja.
esim.
#frame {
padding: 0;
margin: 0px auto;
width: 840px;
height: 250px;
}Ja, myös jossei tuo auta: display: block;
Luultavastsi tuo voisi auttaa.
Katso tämä keskustelu. Siinä on koodiesimerkin lisäksi ihan tekstiasiaa siitä, miten asian voi toteuttaa (taustakuvia käyttäen).
Nopeana ideana tuli muuten tässä yllättäen mieleen, sitten kunhan saat tuota sivua luettua, että mahdollisesti myös sisältödiviin borderit laittamalla saisi aikaiseksi ainakin yksiväriset taustat sivuilla oleville diveille, eli borderia paddingin tai marginaalin sijaan.
Aihe on jo aika vanha, joten et voi enää vastata siihen.