Background Image in Mozilla en IE
body{
text-align:center; /* IE */
font-size:62.5%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background: #9CA28A url(../images/bg.gif) repeat; /* IE Quirks mode*/
background-attachment: fixed;
}
#wrap{
width:750px;
margin:0 auto;
text-align:left;
font-size:1.2em;
background-color:#FFFFFF;
border-left:15px solid #FFFFFF;
border-right:15px solid #FFFFFF;
}
Hiermeer krijg ik in IE de background image te zien, in Mozilla niet.
De bedoeling is dat de zijkanten buiten de wrap de image moeten laten zien en binnen de wrap gewoon wit.
Hoe krijg ik dat voor elkaar ook voor Mozilla?
Gr
Zackat
Gewijzigd op 01/01/1970 01:00:00 door Zackat
En volgens mij moet je in FF niet background gebruiken maar background-image.
ook background in background-image veranderd als:
body{
text-align:center; /* IE */
font-size:62.5%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #9CA28A;
background-image:url(../images/bg.gif);
background-repeat: repeat; /* IE Quirks mode*/
background-attachment: fixed;
}
...maar dit maakt niets uit...
Gewijzigd op 01/01/1970 01:00:00 door zackat
Dat zeurt ook over PHPHulps CSS, dus zal bij jou ook CSS waarschuwingen kunnen geven.
Javascript console, nee zegt me niets
In Firefox --> Extra--> Javascript console
Sebastiaan:
Zegt het Javascript console iets?
Dat zeurt ook over PHPHulps CSS, dus zal bij jou ook CSS waarschuwingen kunnen geven.
Dat zeurt ook over PHPHulps CSS, dus zal bij jou ook CSS waarschuwingen kunnen geven.
zeurt?
Man die geeft honderden errors over CSS, ik gebruik het nooit maar nu zu ik het pas.
Voor de rest zeurt tie niet. Niets over mijn background.
Heb het nu zo staan:
html {background: #9CA28A url(../images/bg.gif) repeat; }
werkt in moz, maar krijg nu een margin aan de onderkant (20px?) met de tiles wat niet de bedoeling is. Hoe krijg ik dit nu weg?
Code (php)
1
2
3
4
5
2
3
4
5
body {
background- color: #9CA28A;
background-image: rl(../images/bg.gif);
background-repeat: no-repeat;
}
background- color: #9CA28A;
background-image: rl(../images/bg.gif);
background-repeat: no-repeat;
}
Je zegt dus nadrukkelijk dat je hier niet wil dat ie herhaalt wordt.
Zomaar een tip...
aangezien het tegeltjes zijn (tiles) van 35x35 en ze de background moeten vullen gebruik ik dus wel repeat.
De marge van 20px had ik gewoon in mijn footer zitten!! (moet maar stoppen denk ik voor vandaag)
#footer {clear:both; width:750px; padding-top:5px; margin-bottom:20px; text-align:center; font-size:.8em; color:#CCCCCC;border-top:1px solid #CFE0D8}
nu weggehaald.
alles opgelost.
Thanks guys