1. Vad gör jag åt detta.
2. Ska jag posta koderna här?
Gammal räv
Är reklamen ivägen? Logga in eller registrera dig så försvinner den!
Annons
Css - Firefox = Problem
Skapad av MTS, 2008-09-01 22:39 i Webbutveckling & Programmering
527
16 inlägg
-1 poäng
Jag har nyligen börjat med en liten hemsida. Baserad på Css i princip. Sidan ser bra ut i IE men när jag kolla på den i Firefox så ligger inte bakgrundsbilden rätt tex.
1. Vad gör jag åt detta.
2. Ska jag posta koderna här?
1. Vad gör jag åt detta.
2. Ska jag posta koderna här?
Posta koden och posta en bild så ser vi hur det ser ut. Ett tips är att koda "efter" Firefox istället. Firefox följer webbstandarden, det gör inte IE, inte de äldre versionerna i alla fall.
Svar till Matthias [Gå till post]:
posta koderna här :)
Alternativt, koda ett javascript som laddar olika CSS-filer beroende på webbläsare :)
posta koderna här :)
Alternativt, koda ett javascript som laddar olika CSS-filer beroende på webbläsare :)
Rätt verktyg till rätt arbete - Makaroner äts med sked.
Svar till Klas-Kenny [Gå till post]:
Ska jag posta alla koder eller bara Css?
Så här ska den se ut:
http://img517.imageshack.us/my.php?image=rattki4.gif
Ska jag posta alla koder eller bara Css?
Så här ska den se ut:
http://img517.imageshack.us/my.php?image=rattki4.gif
Svar till jagardaniel [Gå till post]:
Så här ska den se ut:
http://img517.imageshack.us/my.php?image=rattki4.gif
Så här ska den se ut:
http://img517.imageshack.us/my.php?image=rattki4.gif
Gammal räv
Rätt verktyg till rätt arbete - Makaroner äts med sked.
Svar till Klas-Kenny [Gå till post]:
<style type="text/css">
<!--
body {background-color: black; background-image: url(Bilder/bg.jpg); background-repeat: no-repeat; background-position: right bottom;}
#container {background: #cccccc;}
.roundtop {background: #000000;}
.roundbottom {background: #000000;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}
.content {padding: 10px;}
-->
</style>
<style type="text/css">
<!--
body {background-color: black; background-image: url(Bilder/bg.jpg); background-repeat: no-repeat; background-position: right bottom;}
#container {background: #cccccc;}
.roundtop {background: #000000;}
.roundbottom {background: #000000;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccccc;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccccc;}
.content {padding: 10px;}
-->
</style>
Gammal räv
Svar till Matthias [Gå till post]:
Jo, men det ser väl rätt ut. Hur ser det ut i Firefox då? Är hela "bilden" en bakgrund? I ditt fall skulle jag bara klippt ut det vita i hörnet till en egen bild, och lagt den som en "fix" nere till höger. Sedan skulle jag kört på svart bakgrund. På så sätt fungerar det i båda webbläsarna utan problem, och i alla upplösningar.
Jo, men det ser väl rätt ut. Hur ser det ut i Firefox då? Är hela "bilden" en bakgrund? I ditt fall skulle jag bara klippt ut det vita i hörnet till en egen bild, och lagt den som en "fix" nere till höger. Sedan skulle jag kört på svart bakgrund. På så sätt fungerar det i båda webbläsarna utan problem, och i alla upplösningar.
Svar till Klas-Kenny [Gå till post]:
Där är den felaktiga.
http://img440.imageshack.us/my.php?image=felawa4.gif
Där är den felaktiga.
http://img440.imageshack.us/my.php?image=felawa4.gif
Gammal räv
Svar till Matthias [Gå till post]:
Jag gick in på sidan. lekte lite med Firebug, hittade att det hjälper om du lägger till
I koden :D
Jag gick in på sidan. lekte lite med Firebug, hittade att det hjälper om du lägger till
Ett stycke css-kod:
background-attachment: fixed;
I koden :D
Rätt verktyg till rätt arbete - Makaroner äts med sked.
Svar till jagardaniel [Gå till post]:
Ja i IE ser det bra ut men i firefox är ligger allt som en klump upp i hörnet.
http://img440.imageshack.us/my.php?image=felawa4.gif
Ja i IE ser det bra ut men i firefox är ligger allt som en klump upp i hörnet.
http://img440.imageshack.us/my.php?image=felawa4.gif
Gammal räv
För att vara mer exakt så skulle jag klippt ut den så här:
http://89.160.12.40/bildt.png
och sedan slängt in:
background-image:url(bilden.png);
background-position:bottom right;
background-repeat:no-repeat;
Om allt behövs vet jag inte, har bara liknande på min blogg så jag tog det där ifrån. Går säkert att få ihop snyggare om du vill så, men det kvittar.
Sedan bara sätta resten av bakgrunden till #0000000
http://89.160.12.40/bildt.png
och sedan slängt in:
background-image:url(bilden.png);
background-position:bottom right;
background-repeat:no-repeat;
Om allt behövs vet jag inte, har bara liknande på min blogg så jag tog det där ifrån. Går säkert att få ihop snyggare om du vill så, men det kvittar.
Sedan bara sätta resten av bakgrunden till #0000000
Gammal räv
Gammal räv
Forum » Datorer & IT » Webbutveckling & Programmering » Css - Firefox = Problem
Ansvariga ordningsvakter:
Användare som läser i den här tråden just nu
1 utloggadSkriv ett nytt inlägg
Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!
Sidmoduler
Hitta ett nätcasino utan licens
Hitta ett casino utan svensk licens här
Utforska ett online casinon utan licens
Testa ett säkert casino utan spelpaus
18+ Spela ansvarsfullt www.stödlinjen.se
Du måste vara inloggad för att se den här tråden