✔ Ie 6 ignoriert die Breitenangabe im DIV

[MsvP@habdichliebhasi]

Hi zusammen,

ich glaube, ich brauche bald einen eigenen "Hilfe mein CSS spinnt" Thread, damit ich nicht immer einen neuen aufmachen muss! ;-)

Folgendes Problem:

Ich habe eine Seite mit zwei Spalten. Eine (links) für den Inhalt und eine (rechts) für ein Seitenmenü.

Im Firefox wird mir alles richtig angezeigt, ohne Probleme. Große Inhaltsspalte und kleine Seitenspalte. Im Internetexplorer Nr. 6 kommt aber das unbegreifliche Problem. Er ignoriert einfach die Width Angabe für die rechte Spalte und macht sie viel zu breit.

Hier kommt der Code:

* {
margin: 0;
padding: 0;
}

body {
   margin:0px;
   background-color:#FFFFFF;
   font-size: 3.0mm;
   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
   font-weight: normal;
   color: #000000;
   line-height: 16px; 
}

.container {
	margin: 0;
	width: 985px;
	border: 1px solid;
}

.top {
background: url(../_img/banner_top.jpg) no-repeat;
width:985px;
height:83px;
}

.banner {
background: url(../_img/banner_bottom.jpg) no-repeat;
width:985px;
height:141px;
}

.content {
margin:0px;
float:left;
width:600px;
border:1px solid;
padding:15px 25px;
}

.right {
margin:0px;
border-left:1px solid;
padding:35px 25px;
float:right;
width:240;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<div class='container'>

   <div class='top'>Kopf + Menü</div>
   <div class='banner'>Bannerbild</div>
   <div class='content'>Inhalt</div>
   <div class='right'>Seitenmenü</div>
   
</div>

Vielen Dank für eure Hilfe.

Liebe Grüße
Micha

 

[Maik]

Hi,

bei mir stellt der IE6 die rechte Spalte .right nicht breiter dar, als der Firefox, sondern ebenfalls zu schmal, da die horizontale padding-Deklaration nicht zur Breite hinzuaddiert wird, was an der fehlenden Einheit px bei der Breitenangabe liegt.

 

[MsvP@habdichliebhasi]

Ach Mist! :-( Sowas doofes, das hätte mir auch selbst auffallen können. Manchmal sieht man einfach den Wald vor Bäumen nicht!

Vielen lieben Dank