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

302

    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. Ruotsalaisuuden Päivän virallinen liputuspäivä poistettava VÄLITTÖMÄSTI!

      Suomen valtion ja suomalaisuuden kannalta ei ole minkäänlaisia perusteita liputtaa virallisesti ruotsalaisuuden päivää,
      Maailman menoa
      103
      5698
    2. Mikaela Nylander: Jos pakkoruotsi poistetaan, niin ruotsin kielen asema romahtaa

      (Nylander on vanha RKP:nen) Mutta niin heikossa vedossa muumiruotsi siis on Suomessa, että vain tekohengityksellä se pys
      Maailman menoa
      64
      2536
    3. Nainen aion pilata elämäsi täysin, opetus sulle, että pelasit väärän ihmisen sydämellä.

      Empatiani sua kohtaan katosi siinä kohtaan, kun teit tietoisen valinnan leikkiä mun sydämellä. Luulet olevas joku älykäs
      Ikävä
      235
      1481
    4. Kaivattusi nimi vol.3

      Kaipaajankin nimi olisi kiva. 🥰
      Ikävä
      89
      1250
    5. Alkanut tuntua siltä

      Että taisi olla kusetusta koko homma alusta saakka.
      Ikävä
      124
      1067
    6. Nii, mites ne

      Hampaat??
      Ikävä
      66
      827
    7. Joululahja/Jouluntoivotus

      Millainen kaivatulle
      Ikävä
      70
      737
    8. Viestisi kaipaamallesi ihmiselle

      Mitä ajattelet tilanteestanne tänään?
      Ikävä
      49
      726
    9. Salailu jatkuu, poliisi tutkii

      Nykyään Pienimäki toimii Ylitornion kaupunginjohtajana. HS tavoitti hänet puhelimitse. Pienimäki korosti, ettei ole enää
      Ähtäri
      17
      721
    10. 6 vkoa kulunut ilman sua

      …ihme että olen vielä hengissä. 😔 Kyynelillä pessyt lattioita. Rakastan ja odotan sua ikuisesti❤️Projekti jäi kesken jo
      Ikävä
      6
      713
    Aihe