Terve
Kuinka olisi järkevintä toteuttaa ns. venyvä taustakuva tai layer.
Kyseessä on esimerksiksi layer jonka ylä ja alaosassa on varjostus, keskiosa on valkoinen / läpinäkyvä. Eri sivuilla tämä osio on erikokoinen vertikaalisesti, sisällostä riippuen. Kun lisään vaikka myohemmin lisää tekstiä tai kuvia layeriin, niin kuinka saisin sen "sinkumaan" automaatisesti korkemmaksi, jotta nämä varjostukset pysyisivät paikallaan ylhäälla ja alhaalla (teksti tai kuvat ei mene niiden sisään).
Onko tässä tapauksessa järkevää käyttaa layeria vai jotain muuta tekniikkaa?
Terveisin
jim
<html>
<head>
<title>Mun sivut</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {
background-image: url("tausta.gif") repeat-x;
}
#ylaosa {
background-image: url("ylaosa.gif");
width: 123px;
height: 123px;
}
#sisalto {
background-image: url("sisalto.gif");
width: 123px;
}
#alaosa {
background-image: url("alaosa.gif");
width: 123px;
height: 123px;
}
</style>
</head>
<body>
<div align="center">
<div id="ylaosa"></div>
<div id="sisalto">
Sisältöteksti tähän
</div>
<div id="alaosa"></div>
</div>
</body>
</html>Oli tylsää, niin kirjoitin esimerkin.
Eli, taustakuva laitetaan niin monta kertaa taustalle kuin se mahtuu, ja sitten loppu selvineekin itse.
MIB:n esimerkin sijaan tekisin tuon taas mieluummin sisäkkäisillä diveillä, joille antaisin css:llä sitten halutut tyylit.
<div id="ylaosa">
<div id="alaosa">
<div id="sisalto">
Sisältöteksti tähän
</div>
</div>
</div>ok, kiitos
toi selventi paljon.
Jim
Aihe on jo aika vanha, joten et voi enää vastata siihen.