Hvorfor virker min programming ikke i andre browsere

[AndreasDp]

Hey
Jeg har lavet en hjemmeside men alt det som der er lavet i CSS virker kun i Google Chrome. Hvad skal jeg gøre for at få det til at virke i Firefox, Explorer osv.

[scootergrisen]

Prøv og med med et link eller koden og fortæl hvad det er der ikke virker.

Hvis du har -webkit- i din CSS kode så kunne det være derfor.

[AndreasDp]

#body {
background-image: url(images/background.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000000;
}

#nav{
clear: both;
height: 40px;
width: 1200px;
margin-left: -40px;
}
#nav ul{
float: left;
}
#nav ul li{
list-style-type: none;
height: 40px;
float: left;
}
#nav ul li a{
display: block;
height: 40px;
float: left;
text-align: center;
color: white;
text-decoration: none;
text-shadow: 3px 3px 3px black;
font-size: 14px;
background: url(images/hover-left.png) no-repeat right;
}
#nav li a span{
display: block;
height: 40px; width: 60px;
background: url(images/hover-right.png) right top no-repeat;
padding: 12px 28px 0px;
}
#wrapper {
width:1160px;
margin:0 auto;
height: auto;
}
#header {
height: 200px;

}
#header img {
height: 100px;
margin-top: 70px;
margin-left: 40px;
}
#login {
height: 200px;
width: 200px;
margin-left: 1000px;
margin-top: -100px;
}
#login a {
color: #FFF;
text-decoration: none
}
#slider {
background-color: #FFF;
width: 1160px;;
height: 200px;

}
#container {
width: 1160px;
background-color: #FFF;
height: 1000px;
}
#containerleft {
width: 714px;
height: auto;
float: left;
}
#containerright {
width: 386px;
height: auto;
margin-left: 714px;
}
#barleft a{
display: block;
height: 42px;
float: left;
text-align: left;
color: white;
text-decoration: none;
text-shadow: 3px 3px 3px black;
font-size: 14px;
background: url(images/bar-left.png) no-repeat left top;
margin-left: 5px;
}
#barleft a span{
display: block;
height: 42px; width: 650px;
background: url(images/bar-right.png) right top no-repeat;
padding: 12px 28px 0px;
}
#barright {
display: block;
height: 42px;
float: left;
text-align: left;
color: white;
text-decoration: none;
text-shadow: 3px 3px 3px black;
font-size: 14px;
background: url(images/bar-left.png) no-repeat left top;
margin-left: 3px;
}
#barright a span{
display: block;
height: 42px; width: 380px;
background: url(images/bar-right.png) right top no-repeat;
padding: 12px 28px 0px;
}
#barleft img {
height: 300px;
width: 705px;
margin-left: 5px;
}
#barright img {
height: 48px;
width: 435px;
margin-top: -5px;
}
#følgos a {
display: block;
height: 50px;
float: left;
text-align: left;
color: white;
text-decoration: none;
text-shadow: 3px 3px 3px black;
font-size: 14px;
background: url(images/facebook.png) no-repeat left top;
margin-left: 3px;
}
#følgos a span{
display: block;
height: 48px; width: 380px;
background: url(images/barsocial-right.png) right top no-repeat;
padding: 14px 28px 0px;
}
#følgos2 a {
display: block;
height: 50px;
float: left;
text-align: left;
color: white;
text-decoration: none;
text-shadow: 3px 3px 3px black;
font-size: 14px;
background: url(images/twitter.png) no-repeat left top;
margin-left: 3px;
}
#følgos2 a span{
display: block;
height: 48px; width: 380px;
background: url(images/barsocial-right.png) right top no-repeat;
padding: 14px 28px 0px;
}
#følgos3 a {
display: block;
height: 50px;
float: left;
text-align: left;
color: white;
text-decoration: none;
text-shadow: 3px 3px 3px black;
font-size: 14px;
background: url(images/youtube.png) no-repeat left top;
margin-left: 3px;
}
#følgos3 a span{
display: block;
height: 48px; width: 380px;
background: url(images/barsocial-right.png) right top no-repeat;
padding: 14px 28px 0px;
}
Det her er min kode men det virker kun i chrome

[ThomasI]

Du må være lidt mere specifik!... Bliver der slet ikke vist noget i IE og Firefox eller er det en skygge på en fiv eller sådan der ikke virker vises rigtigt?...

[scootergrisen]

Prøv og lav være med at brug dansk æøå tegn i følgos2 osv.

[AndreasDp]

http://monkysoft.dk/hjemmesiderunderudvikling/eVoice/

I kan prøve og se det i explorer men det som jeg har lavet i HTML virker men alt min styling virker ikke i firefox og explore..

[scootergrisen]

Du har skrevet css/text i stedet for text/css.

Kode: Vælg alt

<LINK href="style.css" type="css/text" rel="stylesheet">

Også ret det jeg skrev før.

Du kan ændre <body id="body"> til <body>.
Også i din CSS kan du bruge body i stedet for #body.
Det er ikke nødvendigt at have en id der.

[MadsHaupt]

Hey
Jeg har lavet en hjemmeside men alt det som der er lavet i CSS virker kun i Google Chrome. Hvad skal jeg gøre for at få det til at virke i Firefox, Explorer osv.

Du kan sende koden til mig og så kan jeg se hvad der er gald med koden

[AndreasDp]

Tak
Det ved jeg godt men det var fordi der var noget som drillede mener jeg kan ikke helt huske hvorfor jeg lavede det