Hei,
Olen tekemässä keskitettyä div-leiskaa. Header image tulisi alkaa suoraan sivun yläosasta, mutta jostain syystä opera sijoittaa kuvan vasta n. 20px päähän yläreunasta, paljastaen bodyn taustakuvan rumasti ku per****.
Kuva: http://www.psydelica.org/tainakin/www/ongelma.jpg
body {
text-align: center;
font-size: 100%;
background:url(bg.gif);
background-repeat:repeat-y;
background-position: top center;
background-color:#eef4f0;
margin:0;
}
div#container {
background:url('indeximage.png');
background-repeat:none;
background-position:top;
margin: 0px auto;
top:0px;
left:0px;
width: 930px;
text-align: left;
}
Koska sivu on keskitetty, en voi laittaa taustakuvalle määrettä position:absolute - sitten koko höskä lentää ihan mimmoiseksi sattuu. Ehdotuksia?
Lisäksi - osaako joku kertoa, miksi käyttäessäni tekstikoon määrittelemiseen "em" enkä "px" , alkaa sivu toistaa header imagea y-akselilla, vaikka css-koodissa sille on määritetty no-repeat? Ongelma korjaantuu jos vaihdan leipätekstille esim. "12px" "1.2em" sijaan.
Koko koodit voi nähdä tuolta -> http://www.psydelica.org/tainakin/www/
KIITOS JO ETUKÄTEEN JOS TÄÄ ETENIS JOHONKI TÄSTÄ VIELÄ X-------P
Olen tekemässä keskitettyä div-leiskaa. Header image tulisi alkaa suoraan sivun yläosasta, mutta jostain syystä opera sijoittaa kuvan vasta n. 20px päähän yläreunasta, paljastaen bodyn taustakuvan rumasti ku per****.
Kuva: http://www.psydelica.org/tainakin/www/ongelma.jpg
body {
text-align: center;
font-size: 100%;
background:url(bg.gif);
background-repeat:repeat-y;
background-position: top center;
background-color:#eef4f0;
margin:0;
}
div#container {
background:url('indeximage.png');
background-repeat:none;
background-position:top;
margin: 0px auto;
top:0px;
left:0px;
width: 930px;
text-align: left;
}
Koska sivu on keskitetty, en voi laittaa taustakuvalle määrettä position:absolute - sitten koko höskä lentää ihan mimmoiseksi sattuu. Ehdotuksia?
Lisäksi - osaako joku kertoa, miksi käyttäessäni tekstikoon määrittelemiseen "em" enkä "px" , alkaa sivu toistaa header imagea y-akselilla, vaikka css-koodissa sille on määritetty no-repeat? Ongelma korjaantuu jos vaihdan leipätekstille esim. "12px" "1.2em" sijaan.
Koko koodit voi nähdä tuolta -> http://www.psydelica.org/tainakin/www/
KIITOS JO ETUKÄTEEN JOS TÄÄ ETENIS JOHONKI TÄSTÄ VIELÄ X-------P
Vastaukset 2
Vanhimmat
Voi basa, tää meni vahingossa HTML eikä CSS-osioon.. jos joku viittii siirtää mode tai joku .___. oon ekkaa kertaa täällä nii en ossaa :D
Mulla on Opera 11.51 (Win 7), eikä siinä kuvaamaasi tai kuvassa olevaa ongelmaa näy etusivulla. En sitten tiedä, että oletko tässä välissä jo korjannut koodiasi. Erikoisalat-sivulla näkyy yläreunassa muutama pikseli tummempaa harmaata, mutta se johtuu käyttämästäsi taustakuvasta indeximage2.
Fonttiongelmaa en saanut näkyville, mutta ongelma voi johtua vaikka epävalidista koodista. Sivujen koodi kannattanee korjata validaattorin ehdotuksien mukaisesti (http://validator.w3.org).