Miten divien korkeudet toisistaan riippuvaisiksi?

Amatööri..

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.

1

278

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa

      En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod
      Ikävä
      22
      5164
    2. Huomenta ihana

      Kauniskasvoinen ihanuus 😘 saan sut vielä
      Ikävä
      25
      4348
    3. Hei rakas...

      Miten on työpäivä sujunut? Rakastan sinua 💗
      Ikävä
      27
      2461
    4. Edelleen sitä on vaikea uskoa

      Että olisit oikeasti rakastunut muhun
      Ikävä
      34
      2254
    5. Toiveikas vai toivoton

      torstai? Ajatuksia?
      Ikävä
      37
      1998
    6. Vitsi mihin menit. Heti takasin.

      Mä näin sut tuu takasin! Oli kiire, niin en ehtiny sin perään!
      Ikävä
      15
      1918
    7. En ole koskaan kokenut

      Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka
      Ikävä
      19
      1597
    8. Mukavaa päivää

      Mun rakkauden kohteelle ❤️ toivottavasti olet onnellinen
      Ikävä
      12
      1521
    9. Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...

      Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons
      Suomalaiset julkkikset
      21
      1247
    10. Kerranki asiat oikein

      Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa
      Haapavesi
      10
      1174
    Aihe