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.
automaattinen korkeus css:llä
4
465
Vastaukset
Kokeilepa ottaa position:absolute pois.
- the aloittaja
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..
- Zyrppa
min-height: 500px
Tuolla minimikorkeus on aina 500px, muuten venyy korkeammaksi sisällön mukaan.- eh3
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;
}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433643- 362304
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?321905- 171649
- 181648
- 231578
- 241427
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai841368- 191336
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko891252