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
413
Vastaukset
- 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
Miehille kysymys
Onko näin, että jos miestä kiinnostaa tarpeeksi niin hän kyllä ottaa vaikka riskin pakeista ja osoittaa sen kiinnostukse1424595- 932179
Olen tosi outo....
Päättelen palstajuttujen perusteella mitä mieltä minun kaipauksen kohde minusta on. Joskus kuvittelen tänne selkeitä tap152081Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornosta
https://www.kymensanomat.fi/paikalliset/8081054 Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornon hallussapi801968Ylen uutiset Haapaveden yt:stä.
Olipas kamalaa luettavaa kaupungin irtisanomisista. Työttömiä lisää 10 tai enempikin( Mieluskylän opettajat). Muuttavat1431566Haluaisin jo
Myöntää nämä tunteet sinulle face to face. En uskalla vain nolata itseäni enää. Enkä pysty elämäänkin näiden kanssa jos541542VENÄJÄ muuttanut tänään ydinasetroktiinia
Venäjän presidentti Vladimir Putin hyväksyi tiistaina päivitetyn ydinasedoktriinin, kertoo uutistoimisto Reuters. Sen mu1071410- 751336
- 1011327
Hommaatko kinkkua jouluksi?
Itse tein pakastimeen n. 3Kg:n murekkeen sienillä ja juustokuorrutuksella. Voihan se olla, että jonkun pienen, valmiin k1201119