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

432

Ää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. Miksi et irrota otettasi

      Suhteeni?
      Ikävä
      74
      2932

    2. Koko ajan olet

      Senkin suhteen kiusannut. Halut on ihan mielettömät olleet jo pitkään
      Ikävä
      65
      2783

    3. Muutama syy

      Sille miksi IRL kohtaaminen on hänelle vaikeaa
      Ikävä
      68
      1822

    4. Tykkään susta

      Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä
      Ikävä
      17
      1669

    5. Onko kaivatullasi

      Hyvä vai huono huumorintaju?
      Ikävä
      24
      1657

    6. Estitkö sä minut

      Oikeasti. Haluatko, että jätän sun ajattelemisen? :3
      Ikävä
      20
      1600

    7. Onko kaikki hyvin, iso huoli sinusta

      Miten jakselet? Onko sattunut jotain ikävää. Naiselta
      Ikävä
      22
      1533

    8. Tiedätkö tykkääkö

      Kaivatustasi siinä mielessä joku muukin kuin sinä itse
      Ikävä
      48
      1297

    9. Millainen meno

      Viikonloppuna? Mulla hirvee vitutus päällänsä. Onko muilla sama tunne??
      Ikävä
      38
      1263

    10. Onko meillä

      Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko
      Ikävä
      9
      1259
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt