[LØST]Forskjellige browsere, hvordan fikse margin?

[theBoss2]

Hei

Jeg lurer på hvoran kan jeg fikse margin for forskjellige browsere?

 

Har litten problem med IE og Opera fordi de viser ikke teksten på same sted! Noen tips?

 

her er koden jeg slitter litt med:

div#BODY_CENTER {
text-align  : left;
width  : 615px;
height  : 405px;
margin  : 34px 0px 0px 0px;
}

div#BODY_REK {
float  : left;
width  : 265px;
height  : 270px;
text-align  : left;
margin  : 0px 0px 0px 2px;
}


div#BODY_TEXT {
width  : 330px;
height  : 270px;
text-align  : left;
margin-left  : 270px !important;
margin-top  : 0px !important;
}

Koden som er vist over fungerer fint i IE men i Opera må koden se sånn ut at det skal passe designet:

div#BODY_CENTER {
text-align  : left;
width  : 615px;
height  : 405px;
margin  : 45px 0px 0px 0px;
}

Endret 7. august 2005 av theBoss2

[Haraldson]

* {
margin: 0;
padding: 0;
border: 0;
}

Nå er alle forhåndsdefinerte marginer i nettleserne nullstilt. Det du nå må gjøre, er å definere dine egne marginer på ting. Da blir det likt

[theBoss2]

Takk berg men det har jeg husket:

her er resten av CSS coden hvis det hjelper:

*{
padding: 0;
margin: 0;
}

html {
border-style	: none; 
text-align  : center;
}

body {
border-style	: none; 
font-family  : Verdana, Arial,Helvetica,sans-serif;
font-size  : 12px;
background  : #ebebeb url(../design/img_chat_v2_bg.jpg) center top repeat-x;
margin  	: 0;
font-weight  : normal;
   color  	: #000000;
}

 

Og her er HTML (DIV) koden:

<div id="BODY_CENTER">
<div id="BODY_REK">
 Test
</div>
<div id="BODY_TEXT">
 Test1
</div>
</div>

Endret 7. august 2005 av theBoss2

[Sono Juventino]

En kosmetisk ting i koden: Ting ser mye bedre ut UTEN store bokstaver. Store bokstaver er som regel en uting på nett. (I alt annet en stor forbokstav osv.)

[theBoss2]

En kosmetisk ting i koden: Ting ser mye bedre ut UTEN store bokstaver. Store bokstaver er som regel en uting på nett. (I alt annet en stor forbokstav osv.)

Det skal jeg huske til neste gang, men det har ikke noe å si for problemet jeg har!

[_Paulsen_]

Har du testet ut med !important; noe sted da?

Endret 7. august 2005 av OShea

[Haraldson]

* {
padding: 0;
margin: 0;
}

body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: #EBEBEB url(../design/img_chat_v2_bg.jpg) center top repeat-x;
}

Slik kan koden forkortes. Kan du forklare problemet ditt litt bedre?

[theBoss2]

Vanskelig å forklare men kan man HIDE en div for IE?

[Haraldson]

Jada.

 

Mange måter å gjøre det på, men du kan f.eks. gjøre det slik:

 

* html #div {
display: none;
}

[Magnus Holm]

HER finner du mange CSS Hacks