Höhe eines div-Containers im IE

Status
Nicht offen für weitere Antworten.

dschue

Grünschnabel
Hallo zusammen,
ich habe ein Problem mit der Darstellung von div-Layern im IE. Im Mozilla sieht es so aus, wie ich es haben möchte. Im Mozilla wird die Angabe "height:80px" beachtet. Der IE zieht die Höhe entsprechend des innenliegenden Bildes auf. Was muss ich ändern?

Die Seite ist hier:
http://blog.schuemann.net

Die CSS-Daten:

#container {
border: 2px solid #cccccc;
width: 760px;
margin:0px auto;
padding: 5px;
padding-top: 10px;
text-align:left;
background-color: #ffffff;
}

.border {
height: 100%;
padding: 5px;
border: 2px solid #cccccc;
background-color: #ffffff;
}

#header {
width: 740px;
margin:0px auto;
margin-top: 5px;
padding: 5px;
padding-top: 10px;
background-color: #ffffff;
border: 1px dashed #cccccc;
height: 80px;
max-height: 80px;
}

#contents {
width: 470px;
height: 100%;
float: left;
padding-top: 30px;
padding-left: 10px;
}

#title {
font-size: 21px;
font-weight: bold;
text-align: left;
vertical-align: bottom;
color: #4d0000;
padding-left: 5px;
float: left;
}

#search {
font-size: 10px;
font-weight: normal;
text-align: left;
vertical-align: top;
float: left;
}

#about {
text-align: right;
float: right;
padding-right: 5px;
height: 80px;
max-height: 80px;
}


Danke für Eure Hilfe!
 
Ist das Bild denn auch 80px groß? Eventuell klappt es wenn du die größe des Bildes an den Container anpasst. Greetz Steff
 
Nein, das Bild ist grösser und das soll es ja auch sein! Das Bild soll über den unteren Rand des Containers gehen.
 
@fatalus
Das Bild soll ja nicht abgeschnitten werden! Es soll über den unteren Rand hinausgehen. Im Mozilla klappt es ja auch. Nur der IE zeigt es anders an.

Original geschrieben von fatalus
Hallo....

gib bei #header zusätzlich
Code:
overflow:hidden;
...an, dann sollte alles ausserhalb dieser 80px abgeschnitten werden.
 
Status
Nicht offen für weitere Antworten.
Zurück