Just nu i M3-nätverket
Jump to content

Block som är centrerat i FF men inte i IE


Canimas

Recommended Posts

Är det någon som kan hjälpa mig med det här.

Jag är inte HELT hundra på alla funktioner med CSS utan det är mera leraning by doing som gäller. Ändra lite, ladda upp CSS:en och se vad det gjorde för skillnad.

 

Nu har jag dock slitit mig i håret ett par timmar på det här!

 

Ni kan se vad jag menar på www.80sparty.se

 

I FF så är det turkosa blocket centrerat med margin-left: auto och margin-right: auto under "#sblog_root {" i koden nedan.

Men i IE så trycks hela skiten åt vänster!

Jag kan ju tvinga in det i mitten med pixelvärden istället för auto men då flyttas det ju inte automatiskt vid storleksändring av fönstret.

 

Om jag tar bort width: 800 så åker blocket in i mitten även i IE men texten Kontakt, sidan uppe... osv stannar kvar till vänster.

 

 

Jag har en kod som ser ut så här:

 

/* ########## BODY ########## */

 

body {

font-family: Verdana, Helvetica, Arial, Sans-Serif;

font-size: 11px;

background-color: #FF66FF;

}

 

#sblog_root {

background-image: url('ViCKA_CuSTOM/bg_div.png');

background-position: center center;

background-repeat: repeat-y;

width: 800;

margin-left: auto;

margin-right: auto;

}

 

#sblog_head {

background-image: url('ViCKA_CuSTOM/bg_div_t.png');

background-position: top center;

background-repeat: no-repeat;

padding: 65px 0px 0px 0px;

 

}

 

#sblog_body {

margin-left: auto;

margin-right: auto;

padding: 10px 20px 0px 20px;

overflow: hidden;

clear: both;

}

 

#sblog_foot {

background-image: url('ViCKA_CuSTOM/bg_div_b.png');

background-position: bottom center;

background-repeat: no-repeat;

height: 20px;

clear: both;

}

 

 

Link to comment
Share on other sites

Utan att ha spenderat mer än max en minut åt att titta på det så skulle min första gissning vara att det är padding som spökar. IE6 har (enligt min ringa erfarenhet) en helt annan uppfattning än resten av världen om hur padding ska fungera.

Jag brukar så långt det går försöka undvika att använda padding just därför, allt kan se perfekt ut tills man testar i IE och då ser allt bara skräp ut även i närliggande block.

 

Noterar förresten att det inte ser så rysligt vackert ut i FF heller (se bild) fast det kanske är nästa problem att få saker att ligga i fas med varandra?

 

[bild bifogad 2007-01-11 22:44:01 av fhe]

907386_thumb.jpg

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...