HTML & CSSur HTML, XHTML & CSS
14 svar · 377 visningar · startad av Wiberg
Hej!
html, body {
margin-top: 100px;
text-align: center;
background: #FFFFFF url(img/back.gif);
}
Ger bakgrund och centrerat innehåll i IE med inget av det i Firefox. Hur löser man detta?
En möjlig lösning:
[red]html, body {
width: 100%;
height: 100%;
margin-top: 100px;
text-align: center;
background: #FFFFFF url(img/back.gif);
}
.innehåll {
margin: 0 auto;
}[/red]
Tyvärr...
Jag använder background för att sätta bakgrund i en tabell också och där funkar det...
body {
background-image: url(images/bg_fadein.jpg);
background-color: #818181;
I FireFox (som gör "rätt" enligt standard) räknas relativa sökvägar till bilder med url() i CSS relativt CSS-filen och inte den webbsida som länkar in CSS:en...
Ändra sökvägen till bilden till en absolut adress så bör det funka i bägge
Alltså - typ
background: #FFFFFF url([url]http://example.se/img/back.gif[/url]);
eller
background: #FFFFFF url(/img/back.gif);
Har du kollat så att filändelsen stämmer överens med filen?
back.gif
OK. Länk till sidan ?
Wiberg skrev:
CSS-filen ligger i samma katalog som default.asp.
Inget av ovanstående hjälpte tyvärr...
Skumt jag har nyligen använt det själv och använder ff.
Filändelsen stämmer. Funkar ju i IE.
Sidan ligger bara lokalt för tillfället.
Kan det ha att göra med att sidan är i xhtml?
Nej.
Men kan du inte bara smacka ihop en kort exempelsida som har poblemet du beskriver och lägga upp den tillsammans med bilden på "mina filer" här på wF ?
Jag har inte sidan här eftersom jag är på jobbet men jag gjorde en ny och lade in en bakgrundbild på samma sätt och nu funkar det. Kan det vara någon konflikt med annat på sidan?
Svårt att säga utan att se sidan ;)
Oskrivbara skräptecken kanske? (borde iofs synts när du validerade CSS:en)
Har fortfarande ingen aning om varför det inte fungerade. Har dock löst det nu genom att skriva om skiten... :)