Sidan ser konstig ut i Firefox

[Rannip]

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]

[Micke_skane]

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]