Minulla on siis "kehys"pohja, jossa on ylhäällä otsikkodivi, ja sen alla on menudiv ja tekstidiv. Nämä ovat yhden ison divin sisällä.
Ongelma on nyt se, että kun tuo tekstidiv kasvaa sen mukaan, kun siihen tulee lisää tavaraa, niin sekä tämä iso div että menudiv pitäisi saada kasvamaan korkeutta sen mukana. IE 7:lla tuo ympäröivä div kyllä kasvaa sen mukaan kuin tuo tekstidiv kasvaa, mutta ainakaan Mozilla Firefox ei tätä tee. Ja menudiv taas ei kasva ollenkaan. Menun ongelman olen saanut "ratkaistua" tyydyttävästi sillä, että olen liimannut sen kiinni ruutuun (position:fixed)ja laittanut sen kehykset näkymättömiksi, mutta tämä tietenkin vaikuttaa yleisilmeeseen.
Onko siis mitään sellaista muotoilua, joka joko määrittäisi nuo divit niin, että ne ovat tavallaan kuin ison divin sisältöä, tai vielä parempi, sellaista komentoa, jolla saisin myös menudivin korkeuden riippuvaiseksi tekstidivin korkeudesta.
Tältä sivun pitäisi siis suurinpiirtein näyttää (näyttää oikein Mozilla Firefoxilla, näytön koon aiheuttamista virheistä en tiedä (kertokaa toki, jos tämä näyttää teillä kovin kummalliselta)):
body {
background-color:beige;
font-family:Anette, Mikado;
}
#paakehys {
border:2px solid #000000;
min-height:600px;
}
#otsikkokehys {
border-bottom:2px solid #000000;
font-size:80px;
text-align:center;
}
#linkkikehys {
border:2px solid #000000;
width:20%;
min-height:480px;
text-align:center;
padding:10px;
margin:3px 0px 3px 3px;
float:left;
}
#tekstikehys {
border:2px solid #000000;
min-height:480px;
width:72%;
float:right;
padding:10px;
text-align:justify;
margin-left:0px;
margin-right:3px;
margin-top:3px;
margin-bottom:3px
}
-->
Otsikko
Linkki
Linkki
Teksti
En millään jaksaisi tehdä joka sivulle eri pohjaa ja määrittää aina kaikkia pituuksia, jos tuo tekstidiv kasvaa hiukankin. Olisi niin paljon helpompi saada vain liitettyä tuo kehyspohja jokaiselle sivulle ulkoisena css tiedostona ja sitten vain muuttaa tekstejä.
Tuo kyllä läpäisee w3.orgin tarkastuksen, mutta kenties siellä voi silti olla jotain turhaa tai ristiriitaista? -niistä saa myös huomauttaa jos vain viitsii.
Miten divien korkeudet toisistaan riippuvaisiksi?
Amatööri..
1
310
Vastaukset
- jiyiyi
Helppo vastaus tuohon on, että tee taulukko jolla määrität CSS tarvittavat tiedot.
Myös display: table toimii, mut ei IE selaimilla.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Heh, Riikka runnoi Suomen BKT:n miinukselle
Suomi on Riikan irvistysten ansiosta ainoa negatiivisen talouskasvun maa EU:ssa. Ei tästä ainakaan EU:ta voi syyttää, ku775416Erään T miehen viimeinen aloitus tänne
Moi Olen kirjoittanut täällä säännöllisesti yli 5 vuotta. Kaivannut kuten kuuluukiin, mutta myös unohdellut ja selvitel352955Sanna vaihteeksi Australian "60 minuuttia" ohjelmassa
Kansanvälinen superstaramme esiintyi tällä kertaa toisella puolen maapalloa esitettävässä ohjelmassa. Kiinnostus on kova1232313HihhuIi-Päivi täpinöissään Viktorin tapaamisesta
Eiköhän nyt kaikille ole vihdoin selvää kenen joukoissa tämäkin putinisti seisoo. https://www.iltalehti.fi/politiikka/a1201955Yritykset verolle ja yritystuet 10 mrd. eur/v pois
Kiristämistapauksissa yrityksille sanotaan hei hei. Suomi ei tarvitse yhteiskunnan rahoilla "yrittämistä". Yhteiskunta v181882- 1111810
Björn Wahlroos ykkösaamussa nautittavaa kuunneltavaa
Ehdottomasti viisaimpia ja tietävämpiä ihmisiä mitä Suomesta koskaan tullut. Naureskeli viherpiipertäjille jotka ihan p2971405Yritän saada sinut pois mielestäni ja ajatuksistani nainen
Turhaan. Mitä enemmän yritän, sitä enemmän haluan sinut ja sinua. Miten voitkaan olla niin ihana ja tuntua niin hyvältä.651341Nyt meni maku vas.liittoon, kun vaativat minimituntipalkkaa lakiin
Sehän tarkoittaa samalla myös maksimituntipalkkaa, koska kun laki on kerran laadittu, niin sitä on vaikea muuttaa. Työma531274- 851150