Divin taustaväri Firefoxilla

...

Elikkäs, olen luonut tällaisen div-rakenteen:


Eli yhden divin sisällä kaksi pienempää. Kaikille diveille on määritelty taustaväri (ja noille kahdelle sisemmälle myös margin). Internet Explorer näyttää tuon juuri siten, miten olen halunnutkin, eli värillisen laatikon sisässä kaksi pienempää värillistä kivoilla containerin värisillä marginaaleilla. Firefox ei kuitenkaan suostu näyttämään container-divin taustaväriä, vaan se pysyy siis läpinäkyvänä. Mitä voisin tehdä?

7

444

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • väliin sanoa

      todella huonoa tyyliä kirjoittaa sisäkkäin div-elementtejä. Kannattaa miettiä voisitko toteuttaa tuota paremmin niin näkyisi myös standardeja tukevalla selaimella kuten firefox.

    • jokunenvaan

      ne noinkin voi laittaa ja tässä tapauksessa myös container - div:n taustavärin pitäisi näkyä.
      Voitko kertoa miten määrittelet divien ominaisuudet, olisi helpompi lähteä selvittämään ongelmaa.

      • ...

        määrittelin siis id:n, niinkuin taisi jo edellisestä viestistä näkyä. Hyvin samantapaiset koodinpätkät kaikilla, tyyliin:

        #container {
           background-color: #FFFFFF;
           height: auto;
           width: 650px;
           margin-top: 50px;   
           margin-right: auto;
           margin-left: auto;
        }
        #navigation {
           background-color: #FFFFFF;
           height: auto;
           width: 190px;
           float: left;
           margin: 10px;
           text-align: left;
        }

        #content {
           background-color: #E7E7E7;
           padding: 20px;
           float: right;
           width: 400px;
           margin: 10px;
           text-align: justify;
        }


        Ja tosiaan, IE:llä se näytti juuri siltä, miltä halusinkin.

      • jokunenvaan
        ... kirjoitti:

        määrittelin siis id:n, niinkuin taisi jo edellisestä viestistä näkyä. Hyvin samantapaiset koodinpätkät kaikilla, tyyliin:

        #container {
           background-color: #FFFFFF;
           height: auto;
           width: 650px;
           margin-top: 50px;   
           margin-right: auto;
           margin-left: auto;
        }
        #navigation {
           background-color: #FFFFFF;
           height: auto;
           width: 190px;
           float: left;
           margin: 10px;
           text-align: left;
        }

        #content {
           background-color: #E7E7E7;
           padding: 20px;
           float: right;
           width: 400px;
           margin: 10px;
           text-align: justify;
        }


        Ja tosiaan, IE:llä se näytti juuri siltä, miltä halusinkin.

        Float-ominaisuus "peittää" alleen uloimman divin taustavärin. Voit kiertää ongelman kun poistat ko. ominaisuuden ja sijoittelet divit marginaalien avulla oikeille paikoille.

        #container {
        background-color: #080808;
        width: 650px;
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        }

        #navigation {
        background-color: #1a34de;
        margin: 10px 100px 10px 10px;
        text-align: left;
        }

        #content {
        background-color: #4e3a2d;
        padding: 20px;
        margin: 10px 10px 10px 310px;
        text-align: justify;
        }

      • ...
        jokunenvaan kirjoitti:

        Float-ominaisuus "peittää" alleen uloimman divin taustavärin. Voit kiertää ongelman kun poistat ko. ominaisuuden ja sijoittelet divit marginaalien avulla oikeille paikoille.

        #container {
        background-color: #080808;
        width: 650px;
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        }

        #navigation {
        background-color: #1a34de;
        margin: 10px 100px 10px 10px;
        text-align: left;
        }

        #content {
        background-color: #4e3a2d;
        padding: 20px;
        margin: 10px 10px 10px 310px;
        text-align: justify;
        }

        ...tuo kyllä auttoi hieman, kiitos. Container tuli näkyviin, mutta Firefoxissa marginaalit eivät toimi myöskään samoin kuin IE:ssä. Kun kokeilin tuota tapaa, IE näyttää marginaalit sellaisena kuin haluan, mutta Firefox ei (ainakaan) top-marginia tee ollenkaan. :o

    • keksa

         #container {width:100%; height:100%; background-color: #080808}
         #nav {width: 200px; height: 400px; background-color: yellow; margin: 10px}
         #content {width: 600px; height: 400px; background-color: blue; margin: 10px}










      mutta firefoxissa taitaa olla vakiona BODYllä jotain marginaalia vakiona. Oletko varma että sisemmät divit mahtuu kokonsa puolesta containerin sisään marginaalien kanssa? Jos pienennät niiden kokoa, niin tuleeko marginaalit näkyviin?

      • ...

        Kyllä tuota koon muuttamistakin - jos ne olivat liian leveitä, ne menivät allekkain, ja pienentelin niitä vaikka kuinka, mutta ei se taustaväri tullut näkyviin.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      202
      4168

    2. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      145
      3756

    3. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      70
      3087

    4. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      43
      1559

    5. Orpo loukkaantui fasismiin viittaavasta sanavalinnasta

      Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk
      Maailman menoa
      27
      1331

    6. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      19
      1328

    7. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      32
      1307

    8. Sulla on avaimet ja keinot

      Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi
      Ikävä
      21
      1301

    9. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      115
      1098

    10. Martina haluaa Marbellaan

      Martinan tekisi mieli ottaa lennot Marbellaan, jossa näkisisi kauniita ja hyväntuulisia ihmisiä. No sitten pitää matkust
      Kotimaiset julkkisjuorut
      215
      1033
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt