webForumDet fria alternativet

Ny FF kontra IE och positionering...

4 svar · 369 visningar · startad av andreasN

andreasNMedlem sedan jan. 200624 inlägg
#1

Vad behöver jag korrigera för att få min wrap att positionera sig i vänsterläge i IE? Funkar fint med följande kod i FF. I IE blir det ingen skillnad mellan margin:0px left kontra center. IE centrerar i vilket fall...

 body	{
   text-align: center;
   font-size: 0.7em;
   line-height: 1.6em;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #000;
   background: #fff repeat-x;
   }	
   
   #wrap {
   [B]margin:0px left; [/B]
   background: #fff repeat-y 0 0; 
   width: 650px;
   border:0px solid #000;
   text-align: left; 
}
echoSweMedlem sedan nov. 20041 189 inlägg
#2

andreasN skrev:

Vad behöver jag korrigera för att få min wrap att positionera sig i vänsterläge i IE? Funkar fint med följande kod i FF. I IE blir det ingen skillnad mellan margin:0px left kontra center. IE centrerar i vilket fall...

 body	{
   text-align: center;
   font-size: 0.7em;
   line-height: 1.6em;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #000;
   background: #fff repeat-x;
   }	
   
   #wrap {
   [B]margin:0px left; [/B]
   background: #fff repeat-y 0 0; 
   width: 650px;
   border:0px solid #000;
   text-align: left; 
}

CSS2.1 specifikationen säger

'margin'
Value: <margin-width>{1,4} | inherit

Alltså kan du inte ha med left i din margin-egenskap.

float:left

Funkar inte det?

MozfanMedlem sedan okt. 2005541 inlägg
#3

Någon särskild anledning till att ha "text-align: center;" för body? För övrigt finns ingenting för margin i CSS som heter enbart left

Den här sidan förklarar skillnaden mellan block- och inline-element och de ska centreras (olika) samt buggen i IE och hur du kommer runt den: Centring using CSS

andreasNMedlem sedan jan. 200624 inlägg
#4

Tack för tipsen...

echoSwe: Jo slog huvudet på spiken och testade med just float:left - Funkar ju prima! Enkelt kan vara svårt när man inte tänker till...

echoSweMedlem sedan nov. 20041 189 inlägg
#5

Vad bra :)

Markera som löst?

edit//anledningen till att den centrerar sig i IE är bara för att du har
text-align:center
- det är en bugg i IE som gör att detta gället för block - det ska bara gälla för text. Firefox vet detta och centrerar därför inte blocket.
margin:0 left;
har alltså ingenting med den saken att göra.

131 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)