Minulla on tällainen sisältöalue:
#sisalto
{
position:absolute;
background-color: white;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
width: 800px;
height: 500px;
}
Jos minulla on siis ekalla sivulla tarvetta tuolle 500 pikselille niin tämä toimii toki, mutta jos tokalla sivulla haluan käyttää samaa pohjaa, sekä kolmannella jne. mutta niissä tuo korkeus pitäisi olla enemmän....
Niin täytyykö tällöin minun luoda esim #sisalto_sivu1 ja #sisalto_sivu2 jossa määrittelen nuo eri korkeudet vai voiko tuon korkeuden saada automatisoitua?
Kokeilin height: auto;
mutta se ei ainakaan toiminut.
#sisalto
{
position:absolute;
background-color: white;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
width: 800px;
height: 500px;
}
Jos minulla on siis ekalla sivulla tarvetta tuolle 500 pikselille niin tämä toimii toki, mutta jos tokalla sivulla haluan käyttää samaa pohjaa, sekä kolmannella jne. mutta niissä tuo korkeus pitäisi olla enemmän....
Niin täytyykö tällöin minun luoda esim #sisalto_sivu1 ja #sisalto_sivu2 jossa määrittelen nuo eri korkeudet vai voiko tuon korkeuden saada automatisoitua?
Kokeilin height: auto;
mutta se ei ainakaan toiminut.
Vastaukset 4
Vanhimmat
Kokeilepa ottaa position:absolute pois.
Jos siis otan tuon position: absolute pois ja laitan heigh: auto niin silloin en voi siirrellä tuota esim. keskelle ruutua tms., vaan se pysyy paikoillaan vasemmalla...
Lisäksi siitä hävisi tuo taustaväri joten uskoisin että koko sisältöalue hävisi jonnekin teille tietymättömille..
min-height: 500px
Tuolla minimikorkeus on aina 500px, muuten venyy korkeammaksi sisällön mukaan.
Noin se kannattaa tehdä mikäli vain mahdollista. Mutta tyylejä voi myös muuttaa halutuksi vain tietyllä sivulla.
Sulla on joka sivun alussa.
Sitten muutat vain korkeuden, muut säilyy samana.
#sisalto
{
height: 500px;
}