Just nu i M3-nätverket
Gå till innehåll
Rannip

Sidan ser konstig ut i Firefox

Rekommendera Poster

Min sida funkar jättebra i Internet Explorer men i Firefox så ser länkarna helt konstiga ut. Bakgrundsfärgen försvinner där det inte är någon text och länkarna blir inte i rätt storlek. Lite svårt att förklara men jag skickar css koden och en länk till en bild på det.

 

css kod:

 

[log]body {background: url(images/bg.jpg); overflow: auto; color: #000000;}

#andra {width: 320px; height: 400px; background: url(images/andra.jpg); border: 1px solid #000000; overflow: auto; scrollbar-base-color: #999999; scrollbar-base-color: #A80000; scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #B50000; scrollbar-highlight-color: #B50000; scrollbar-shadow-color: #000000; scrollbar-track-color: #000000;}

#andra a{background: url(images/media.jpg); width: 300px; height: 100px; color: #000000; text-decoration: none; font-size: 16; border-bottom: 1px dashed #000000}

#andra a:hover{background: url(images/mediaover.jpg); width: 300px; height: 100px}

#andra img{border: none}

#bild {float: right; border: 1px solid #000000}

#main {width: 625px; height: 400px; background: url(images/main.jpg); border: 1px solid #000000; left: 350px; position: absolute; top: 171px; background-repeat: repeat-x; background-color: #5e0000;}

#main a{background: url(images/media2.jpg); width: 150px; height: 200px; color: #000000; text-decoration: none; font-size: 16; text-align: left; margin: 5px; border: 1px solid #000000;}

#main a:hover{background: url(images/media2over.jpg); width: 150px; height: 200px;}

#main img{border: none;}

#menu {top: 140px; left: 30%; position: absolute}

#menu a {background: url(images/menu.jpg); width: 100px; height: 25px; color: 990000; text-align: center; text-decoration: none; margin-left: 5px}

#forstora a{background: url(images/forstora.jpg); width: 20px; height: 20px}

#forstora a:hover{background: url(images/forstoraover.jpg); width: 20px; height: 20px}

#forminska a{background: url(images/forminska.jpg); width: 20px; height: 20px}

#forminska a:hover{background: url(images/forminskaover.jpg); width: 20px; height: 20px}[/log]

 

Länk till bild: http://www.mediapark.se/bilden.jpg

 

Tack på förhand!

 

[inlägget ändrat 2008-05-22 22:01:16 av Rannip]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du följer helt klart inte dem grundläggande reglerna inom css och därav ser sidan olika ut i dem olika webbläsarna.

 

Är lite sent nu , för min del, att felsöka din kod.

 

Börja med att sätt en korrekt DOCTYPE för din webbplats!

http://www.w3schools.com/tags/tag_DOCTYPE.asp

http://www.alistapart.com/articles/doctype/

http://htmlhelp.com/tools/validator/doctype.html

 

[inlägget ändrat 2008-05-22 22:18:58 av Micke_skane]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...