Block Abstand @ IE

[ayreon]

Hi,

bin gerad daran, ne HTML Table Seite auf CSS umzuschreiben, um für das nächste Design dann nur noch die CSS Datei schreiben zu müssen.

Dabei stellt sich mir folgendes Problem, IE lässt zwischen den Blöcken paar pixel abstand. Ich kann auch solang probieren wie ich will, diesen Abstand krieg ich nicht weg.

Hier mal die Seite: [url]http://212.202.255.74/rkpage/rk.html[/url]

der relevante CSS Code:

  
#head  {  
  width: 1000px;  
  height: 135px;  
  background: transparent url(images/head.jpg);  
}  
#navigation {  
  FLOAT: left;  
  WIDTH: 179px;  
  HEIGHT: 201px;  
  background: transparent url(images/navigation.jpg)  
}  
#main {  
  margin-left: 179px;  
  margin-right:168;  
  HEIGHT: 300px;  
  background: transparent url(images/main_bg.jpg);  
}  
#right {  
  FLOAT: right;  
  WIDTH: 168px;  
  HEIGHT: 143px;  
  background: transparent url(images/col_right.jpg);  
}  
  
#bottom   {  
  background: transparent url(images/bottom.jpg);  
  width: 821px;  
  height: 36px  
}  

HTML Code:

  
<div id="container">  
  <div id="head"></div>  
  <DIV id="navigation">topleft</DIV>  
  <DIV id="right">topright</DIV>  
  <DIV id="main">topmiddle</DIV>  
 </DIV>  

Im Opera und Mozilla funktionierts einwandfrei, mit dem IE Hack bin ich auch nicht weitergekommen.

gruß

[MudGuard]

Hi,

Dabei stellt sich mir folgendes Problem, IE lässt zwischen den Blöcken paar pixel abstand. Ich kann auch solang probieren wie ich will, diesen Abstand krieg ich nicht weg.

Wenn Du einen margin von 0 haben willst, dann sag das doch auch. Diverse Browser haben diverse Voreinstellungen - wenn Du bestimmte Werte haben willst, setze sie selbst.

#head  {
  width: 1000px;

Du weißt, daß viele Leute Ihr Browser-Fenster nicht breit genug machen (können), daß 1000px darin Platz hätten?

margin-left: 179px;
  margin-right:168;

Hier setzt DU zwar Ränder, aber nur links und rechts, aber nicht oben/unten.

Im Opera und Mozilla funktionierts einwandfrei, mit dem IE Hack bin ich auch nicht weitergekommen.

S.o., verschiedene Browser, verschiedene Voreinstellungen im Browser-Stylesheet.

Ach so, u.U. ist auch noch das padding auf definierte Werte zu setzen.

cu,
Andreas