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ä?
Divin taustaväri Firefoxilla
...
7
479
Vastaukset 7
- 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ä.
Luetuimmat keskustelut
Riikka Purra on mukana Suomen huutokauppakeisari -sarjassa
Suomen huutokauppakeisari on tavallisten suomalaisten ohjelma. Sarjan suosiosta kertoo se, että nyt alkaa jo 19. kausi t1581466Kuuleppas
ensimmäiset naissuhteet toimii miehelle eräänlaisena oppikouluna, mutta hän ei välttämättä itse ymmärrä oppineensa mitää2551053Mulla ei ole Suomessa enää mitään
4 vuotta joutuu asumaan henkisessä vankilassa. Sitten voi muuttaa takaisin ulkomaille.180691- 43681
Provider miehistä..
Tietyt miehet puhuvat ilkeästi naisista, jotka haluavat elää miehen tuloilla. Eikö? Mutta miksi tietyt miehet siitä pah199638Sinulle nainen
En ehkä koskaan osannut sanoa tätä oikein. Minun vaikeuteni luottaa liittyi ennen kaikkea menettämisen pelkoon. Siihen63585- 40516
- 30464
Tulisitpa käymään joskus vielä
Olisi niin kiva nähdä pitkästä aikaa. Oletko vielä joskus tulossa?... Niin monet muutoksen tuulet puhaltavat, olisi lohd23449Ethän voinut nainen tietää, että rikot rikotun
Omaa elämää taas mietin aamuyön tunteina. En vieläkään löytänyt muistin sokkeloista ainuttakaan onnen hetkeä. Kaipuu on50447- 31431
Lämpimiä katseita aikoinaan vaihdettiin, siihen se sitten jäi
Sinulla uudet tuulet ja välttelet kohtaamistamme.26430Yt:t kunnassa päättyi
Oliko nämä tarpeelliset ja ratkeaako taloushuolet näiden avulla? Lehdessä ilmoitettujen lukujen perusteella lisää on tul53427Hei rakkaani.
Kohtaaminen lähestyy. Miten teemme sen? Kumpi ottaa yhteyttä vai törmäämmekö jossain sattumalta? Tuleva vaimosi25415- 37412
Martsusta tuli leuhka
Ja ylimielinen. Hän ei nosta persettäkään ilmaseksi . Luulempa et nämä ei tee hyvää hyvinvointivalmennuksille.... Nannal159399Valtiomies puhuu?
"Trump väitti jo aiemmin maanantaina Truth Socialissa, että hän itse riittää suojaamaan maailmaa tekoälyn vaaroilta. –77384- 19384
- 6383
- 27380