Width-Angaben bei inline-block

[rauchi]

Hallo!

Ich habe folgendes Problem: In einem div-Container habe ich je 3 span-Elemente die nebeneinander stehen und eine gewisse Breite haben sollen:

  
<div class="outerDiv">  
   <span class="span1">Text1</span>  
   <span class="span2">Text2</span>  
   <span class="span3">Text3</span>  
</div>  

per CSS habe ich folgendes zugewiesen:

  
.outerDiv {  
   width:390px;  
}  
.outerDiv .span1, .outerDiv .span2, .outerDiv .span3 {  
   display:inline-block;  
   text-align:center;  
}  
.outerDiv .span1 {  
    width:83px;  
}  
.outerDiv .span2 {  
    width:90px;  
}  
.outerDiv .span3 {  
    width:217px;  
}  

Mein Problem liegt jetzt darin, dass das 3. Span-Element in die neue Zeile rutscht, und das obwohl es eigentlich noch genau in den div-Container hineinpassen müsste (83px + 90px + 217px = 390px).

Mir ist aufgefallen das ab einer div-Breite von 396px alles in Zeile passt.

Ich habe auch schon bei allen Elementen padding, margin und border auf 0 zu setzen, hat aber auch nichts gebracht.

Macht der Browser bei inline-block automatisch 1px Rand (o.ä.) außenrum, oder wie lässt sich der Fehler erklären?

mfg

[Beat]

<div class="outerDiv">
   <span class="span1">Text1</span>
   <span class="span2">Text2</span>
   <span class="span3">Text3</span>
</div>

  

> Mein Problem liegt jetzt darin, dass das 3. Span-Element in die neue Zeile rutscht, und das obwohl es eigentlich noch genau in den div-Container hineinpassen müsste (83px + 90px + 217px = 390px).  
> Mir ist aufgefallen das ab einer div-Breite von 396px alles in Zeile passt.  
  
Whitespace will auch gerendert werden...  
Entferne ihn oder kalkuliere ihn ein.  
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische

[rauchi]

Whitespace will auch gerendert werden...
Entferne ihn oder kalkuliere ihn ein.

Danke, das war der Fehler ... hab ganz auf die Whitespaces vergessen.