kris Medlem sedan sep. 2002 78 inlägg Frågan 7 okt. 2003 00:10 #1 jag använder följande css för att centrera en divbox.
body {
#header {
problemet är att headerboxen ligger en pixel för långt åt vänster i explorer, och passar då inte ihop med bakgrundsbilden i bodyn. jag lyckas inte få till det här på något vettigt sätt.
/kris
Har du provat med
.header {
position: relative;
width: 760px;
height: 120px;
background-image: url(gfx/header_back.png);
margin: 0px auto;
}
i stället för din nuvarande? Det kanske kan fungera bättre..?
I så fall vet jag ej lösningen på problemet. :(
Palle Medlem sedan apr. 2000 3 174 inlägg Vad använder du för <Doctype ?
Testa att sätta bredden på body , ex:
[red]html, body {
width: 100%;
margin: 0;
padding: 0;
background: url(gfx/back_row.png) repeat-y 50% 50%;
text-align: center;
}[/red]
dectgap Medlem sedan sep. 2002 1 655 inlägg Det är inte så att den ena bakgrundsbilden är ett jämnt antal pixlar bred och den andra är ett udda antal pixlar bred?
Kontrollera det, och plocka bort/lägg till en kolumn pixlar om det behövs.
kris Medlem sedan sep. 2002 78 inlägg doctype:http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
jag har lyckats lösa det med att sätta bredden på header till 759.5px. då ser det likadant ut i både explorer och firebird.
bredden på de båda bilderna är båda 760px.
Palle Medlem sedan apr. 2000 3 174 inlägg Hmm.. men det måste ju vara något som strular till det, så där ska du inte behöva göra.
kris Medlem sedan sep. 2002 78 inlägg Palle Medlem sedan apr. 2000 3 174 inlägg Aha, nu hänger jag med på vad det är du menar. :e
Det beror på att du har bakgrundsbilden liggandes i bodyn,#main så slipper du problemet.main , så använd den.
ex.
[red]...
body {
height: 101%;
margin: 0px;
padding: 0px;
text-align: center;
}
#main {
width: 760px;
height: 101%;
margin: 0 auto;
background: url([url]http://www.theflamingmoes.net/nytfm/gfx/back_row.png[/url]) repeat-y;
}
...[/red]
kris Medlem sedan sep. 2002 78 inlägg sådärja! det tackar jag så hemskt mycket för! :)
