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

261

    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. Rukoilimme Länsimuurilla 2000 vuoden jälkeen, Jumalamme oli antanut meille kaiken takaisin

      Western Wall, In our Hands. 55th Para. https://www.youtube.com/watch?v=u4BJAppyCSo https://en.wikipedia.org/wiki/55th_
      Ateismi
      25
      2618
    2. Mies mitä ajattelet naisista?

      Kerro mitä ajatuksia nousee. Mitä naiset sinulle merkitsee? Sana on vapaa.
      Ikävä
      116
      2436
    3. Saako kantaa asetta

      Voiko olla koskaan kotelossa lonkalla ase.. Siis ei mikään luvaton ase. Johon on luvat. Esim luottamustoimessa, tai kaup
      Ähtäri
      23
      1976
    4. Kerro kaivattusi

      Jokin tapa/piirre mikä sinua viehättää ja mistä hän voisi myös tunnistaa itsensä.
      Ikävä
      58
      1953
    5. Mitä laitatte karjalanpiirakan päälle?

      Voita tietenkin, mutta mitä muuta? Itse yleensä juustoa, jotain leikkelemakkaraa ja tuorekurkkua
      Tuusniemi
      24
      1487
    6. Vakkuri puhuu että Suomi joutuu sotaan.

      Hänen mukaansa asiantuntijat ovat yhtä mieltä että Suomi joutuu sotaan Venäjän kanssa. En tiedä kuinka lähellä se on, mu
      Maailman menoa
      305
      1237
    7. Rakastan sua

      Tiedäthän sen ❤️😢
      Ikävä
      60
      1043
    8. Toinen toista

      Hyvää sunnuntai huomenta susi rinssiltä 🤴🏼☕❄️⚜️❤️
      Ikävä
      258
      1023
    9. Onko sulla mua enää yhtään ikävä

      Etkö halua enää yrittääkään?
      Ikävä
      53
      960
    10. Mikään ei ole ikuista

      Hyvää huomenta. ☕ Susi ulvoo yksin ja tyhjyys kutsuu luokseen.⚜️❄️❤️🥱
      Ikävä
      146
      923
    Aihe