Hjelp med CSS fil

[Didrik_AK]

Hei

 

Jeg trenger hjelp med .css fila til siden min.

Den funker som den skal i firefox men den blir helt bugga i IE.

Har også fått en kompis til å titte på dette og han fikset noe men ikke alt. Den fila han laget ble bedre på noen punkter men dårligere på andre punkter så velger å bruke den gamle jeg laget foreløpig.

HER kan dere se hvordan det skal se ut (åpne i firefox, den fungerer ikke som den skal med bakgrunnen på større oppløsninger)

 

For dere som bruker oppløsninger mindre enn 1024x(xxx) vil dere ikke se det som er feil på siden...

 

Hadde vært mye satt pris på om noen kunne fikset litt på den for meg. kanskje også rydde litt opp i koden (siden det er noe kode som ikke trengs på siden)

 

 

Klikk for å se/fjerne innholdet nedenfor

/* Layout elements */



/* Fundamentals */



html {

background: #222 url(../images/bg.gif) repeat-x scroll;

font: 0.75em/1.3 Verdana, Helvetica, Arial, Sans-serif;

text-align: center;

}



/* Body container */




body {
margin: 0 auto;
padding: 0;
text-align: center;
width: 1024px;
background: #fff url(www.diddern.com\style\bg.gif) repeat-y;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
bottom: 0px;

}



/* Links */



a:link, a:visited {

color: #b55555;

text-decoration: underline;

}



a:hover, a:active {

color: #386084;

text-decoration: underline;

}



/* Headings */



h2 {

font: normal 1.9em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;

}



h3 {

font: normal 1.6em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;

}



/* Lists */



ul {

margin-left: 25px;

padding: 0;

}



li {

list-style-type: square; 

}



/* Layout IDs */



/* Header */



#head {

width: 1024px;
height: 223px;

}

/* Navigation */



#nav {

margin: 0;

padding: 0;

width: 1034px;

height: 30px;

}



/* Navigation list */



#nav ul {

margin: 0 0 0 0px;

padding: 0;

text-align: center;

}



#nav li {

float: left;

list-style: none none;

font-size: 1.1em;

margin: 0 0 0 0px;

padding: 0px 0;

text-transform: capitalize;

}



/* Navigation links */



#nav li a:link, #nav li a:visited {

margin: 0px;

padding: 0px 0;

display: block;

width: 205px;

height: 30px;

color: #fff;

background-color: #f3f3f3;

text-decoration: none;

text-align: center;

background-image: url(bar.jpg);

}



/* Span to change colour */



#nav li a:link span, #nav li a:visited span {

margin: 0;

padding: 0;

color: #fff;

text-decoration: none;

}



/* Main content */



#main {

width: 1024px;

padding: 15px;

float: left;

margin: 1px;
}



/* Footer */



#foot {

margin: 0;

padding: 0;

text-align: center;

clear: both;

}



#foot p {

margin: 0;

padding: 20px 0;

font-weight: bold;

}

/* DIV TABLE */
.table-row div {
height: 13px;
width:400px;
clear:left;
display:block;
}
.table-row a {
color:#333333;
text-decoration:none;
}

.table-row span {
float:left;
padding:1px;
padding-left:5px;
margin:1px;
background:#98b3cb;
font: 0.75em/1.3 Verdana, Helvetica, Arial, Sans-serif;
color:#000000;
text-decoration:none;
}
.message {
border:1px thin green;
color:green;
padding:5px;
padding-left:15px;
margin:10px;
font-size:13px;
background-color:#b5dab5;
}
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 100px;
padding-right: 20px;
}

br {
clear: left;
}
.error {
background:url(F:\FTP\Diddern.com\Eyes\error.png) no-repeat 2% 50% #dab5b5;
width:200px;
margin-bottom: 10px;
border:1px thin red;
color:red;
padding:5px;
padding-left:25px;
font-size:10px;
}
.profile input, .profile textarea, .profilebox {
width:200px;
border: 1px #cccccc solid;
color:#000000;
padding-left:5px;
background:#FFFFFF;
display: block;
float: left;
margin-bottom: 10px;
}
.profilebox {
height:19px;
}/* CSS Document */

[Wattengård]

Jeg ser ingen forskjell...

 

Det er litt mer luft på firefox utgaven, men det regner jeg med bare er forskjeller på default margin/padding.

 

(Jeg kjører 1920x1200)

 

-C-

[j--]

Alt ser fint ut her!

1600*1200 i oppløsning

 

(Versjon: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.3) Gecko/20061201 Firefox/2.0.0.3 (Ubuntu-feisty))

Endret 15. mai 2007 av clvn

[Didrik_AK]

Jeg får dette "bugget" i gamle IE (5.0?) men oppdaterte til nyeste nå og ser det samme som dere.. den er ikke bugga lengre o:

[Kiman™]

IE 5.0?! Trodde det var en myte at folk fortsatt brukte det jeg Sikker på det ikke var IE6?

[Runar]

Jeg får dette "bugget" i gamle IE (5.0?) men oppdaterte til nyeste nå og ser det samme som dere.. den er ikke bugga lengre o:

8622612[/snapback]

Det er en grunn til at folk ikke bør bruke IE. Ihvertfall ikke de eldgamle versjonene.