[LØST]Problemer med CSS i Internet Explorer

[BigJackW]

Hei

 

Jeg driver og koder ei side nå, og i den forbindelse bruker jeg seff css.

 

Og jeg har 1 side for FF og 1 side for IE, eller jeg har bare 2 forskjellige css filer. Problemet mitt er når jeg skal bytte farge på tekst og margin venstre og høyre.

 

Jeg bruker klasser. For ff bruker jeg dette:

 

.boksinnhold {
margin-left: 15px;
margin-right: 15px;
color: #A7A7A7;
}

 

Hva må jeg bruke for at det skal funke i IE?

Endret 15. april 2006 av BigJackW

[Kim T]

skjønner ikke problemstillingen. Det der skal vel fungere i IE og.

 

En ide er å fjerne all margin og padding til å begynne med.

 

Deretter så setter du all padding og margin på de elementene som skal ha slikt.

 

* {
margin: 0;
padding: 0;
}

[BigJackW]

Dere kan sjekke i ff og ie her: http://kgathering.no-ip.org

[Even.]

* {
   margin: 0;
   padding: 0;
}

.boksinnhold {
   margin: 1px 15px 1px 15px;
   color: #A7A7A7;
}

 

Skal funke i IE det her

 

Edit: Er det den siden i siggen din? Opera likte den ikke.

Endret 15. april 2006 av EvoZ

[Kim T]

var mye å ta tak i der...Siden fungerer ikke i opera blant annet. Pluss at den bruker evigheter i Internet Explorer. Det du holder på med her er litt lengre fren enn det jeg har kommet med PHP kodingen min.

[Even.]

Vabligvis skal det ikke være vits i å ha eget stilark til hver nettleser. Hvis du bruker !important verdien og litt sånn, så går det greit med kun et. Jeg har hvert fall aldri trengt flere enn et. Er ganske så fersk på css selv.

 

Det eneste jeg gjorde med koden din var...

 

...å sette inn en * {margin 0; padding 0;} . * betyr hele siden og margin og padding vet du sikkert hva betyr. Dette "overskriver" du senere når du sette margin og padding på andre elementer. En god huskeregel er å alltid ha med en slik en øverst.

 

...skrive marginen i .boksinnhold på kortform. I stedet for å skrive

 

.boksinnhold {
margin-right: 15px;
margin-bottom: 1 px;

osv.

 

Skriver man:

 

.boksinnhold {
margin: 1px 15px; 1px 15px;
}

 

Det første tallet er margin-top, det neste er margin-right, så kommer margin-bottom og til slutt margin-left.

 

Jeg er jævlig dårlig å forklare ting, men jeg håper du fortstod i hvert fall litt av det.

[BigJackW]

Dere kan få se stilarket for IE:

 

 

* { margin:0; padding:0; }

#wrapper {
margin:0 auto;
width: 858px;
height: auto
}

#header {
width: 850px;
height: 142px;
background-image: url(img/header.png)
}

#menu {
width: 850px;
height: 21px;
}

ul#meny {
width: 690px;
height: 21px;
}

li { 
width:97px;
height:21px;
float: left;
list-style: none;
padding: 1px;
margin-left: 1px;
}

.bokser {
width: 205px;
background-image: url(img/boks_bg.png);
}

.footer {
width: 205px;
height: 17px;
background-image:url(img/boks_footer.png);
}
#left {
width: 141px;
margin-left: 5px;
float: left;
}

.conttop {
width: 416px;
height: 46;
margin-left: 10px;
background-image: url(img/cont_top.png);
float:left;
}

#content {
width: 416px;
height: auto;
margin-left: 10px;
background-image: url(img/cont_bg.png);
float:left;
}

.contbot {
width: 416px;
height: 18;
margin-left: 10px;
background-image: url(img/cont_bot.png);
float:left;
}

#right {
width: 141px;
height: auto;
float: left;
margin-left: 10px;
}

#footer {
width:	853px;
height: 37px;
background-image: url(img/footer.png);
}

.shoutbox {
width: 205px;
height: 46px;
background-image: url(img/shoutbox.png);
}

.kommende {
width: 205px;
height: 42px;
background-image: url(img/kommende.png);
}

.poll {
width: 205px;
height: 45px;
background-image: url(img/poll.png);
}

.visit {
width: 204px;
height: 44px;
background-image: url(img/besok.png);
}

.ferdige {
width: 205px;
height: 45px;
background-image: url(img/poll.png);
}

.headermargin {
margin-bottom: 20px;
}

/****KNAPPER****/

/*Bilder*/
.bilder {
background: url(img/bilder.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.bilder:hover {
background-position: -118px;
}

.bilder:active {
background-position: -236px;
}

/*Påmelding*/
.pamelding {
background: url(img/pamelding.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.pamelding:hover {
background-position: -118px;
}

.pamelding:active {
background-position: -236px;
}

/*Premier*/
.premier {
background: url(img/premier.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.premier:hover {
background-position: -118px;
}

.premier:active {
background-position: -236px;
}

/*Sponsorer*/
.sponsor {
background: url(img/sponsor.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.sponsor:hover {
background-position: -118px;
}

.sponsor:active {
background-position: -236px;
}

/*Gjestebok*/
.gjestebok {
background: url(img/gjestebok.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.gjestebok:hover {
background-position: -118px;
}

.gjestebok:active {
background-position: -236px;
}

/*Om oss*/
.omoss {
background: url(img/omoss.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.omoss:hover {
background-position: -118px;
}

.omoss:active {
background-position: -236px;
}

/*Kontakt*/
.kontakt {
background: url(img/kontakt.png);
display: block;
width: 118px;
height: 37px;
text-indent: -9999em;
}

.kontakt:hover {
background-position: -118px;
}

.kontakt:active {
background-position: -236px;
}

 

[trrunde]

Jeg bruker opera og da får jeg ie sin css, har ikke opsatt opera med at den skal se ut som ie...

[BigJackW]

Åååhhh...domme domme meg. Bare jeg som har glemt å lagt inn

.boksinnhold {
margin-left: 15px;
margin-right: 15px;
color: #A7A7A7;
}

i css fila til IE

 

Da kan denne tråden stenges.

[Kim T]

Er det nå lov å si lol? :!:

[BigJackW]

Tja...det kan du godt si