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

274

    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. Riitta-Liisa ja Toni Roponen: Ero! Riitta-Liisa Roponen kertoo asiasta Instagramissa.

      Riitta-Liisa ja Toni Roponen eroavat. Riitta-Liisa Roponen kertoo asiasta Instagramissa. – Talvi on ollut elämäni synk
      Maailman menoa
      82
      2928
    2. Sinä vain tulit elämääni

      Ja joku tarkoitus sillä on ollut. Näyttämään mitä olen ja kuinka arvokas voisin olla. Se muutti ja käänsi elämäni suunna
      Ikävä
      91
      1696
    3. Tiesitkö mies

      Kuinka paljon mulla oli tunteita sua kohtaan? Jos et tiennyt,olisiko tietäminen vaikuttanut tapahtumiin? Ihmettelen kyll
      Ikävä
      77
      1501
    4. Millaisia ajatuksia on kaivatusta ja tilanteestanne tänään?

      Kerro omista mietteistäsi tai lähetä terveisiä. Ehkä hän lukee ja lähettää sinulle takaisin omia mietteitään.
      Ikävä
      65
      1418
    5. Nuorempi mies

      Olen tänään ajatellut sua paljon, miten toimittaisiin makuuhuoneessa jne! 😏🔥
      Ikävä
      132
      1377
    6. Miksi teillä meni...

      ...välit poikki kaivattusi kanssa?
      Ikävä
      146
      1266
    7. Toivottavasti et mussukka elättele toiveita meikäläisen suhteen

      Tiedän mitä olet touhunnut joten aivan turha haaveilla mistään enää 👍
      Ikävä
      158
      1231
    8. Jos siis saamme

      Sen keskusteluyhteyden niin olisitko jo sinäkin rehellinen ❤️🙏 ne jää meidän välisiksi kaikki. Tarvitsemme toisiamme, j
      Ikävä
      97
      1174
    9. Onko sinulla

      Joku nyt huonosti? :(
      Ikävä
      82
      1158
    10. Mies, mitä minun pitäisi tehdä

      Niin, mitä naisen siis pitäisi tehdä, että lähestyisit ja tekisit aloitteen? Mikä on riittävä kiinnostuksen osoitus juur
      Ikävä
      80
      1155
    Aihe