Moin moin!
Ich habe ein Problem mit der Darstellung eines divs (ma_single) in dem andere divs (ma_data und ma_foto) gefloatet werdern. Der äußere Rahmen des umgebenden divs wird im oberen Bereich im IE nicht korrekt dargestellt (wird irgendwie abgeschnitten). Ich habe schon mit vielen Variationen getestet, aber der IE macht es trotzdem nicht. Im Firefox sieht alles super aus.
Es wäre super, wenn mir da jemand helfen könnte! Für andere Tipps zur Verbesserung des Codes bin ich auch sehr dankebar!
Hier mein HTML:
Code:
<div class="ma_all">
<div class="ma_mainheader">Mitarbeiter:</div>
<div class="ma_single">
<div class="ma_data">
<div class="ma_header">Leitung:<br />Klaus Clausen</div>
<div class="ma_comm">Tel.: 040 / 12 12 12 12<br />Email: <a href="javascript:linkTo_UnCryptMailto('ocknvq,gnoct0jwgygnBjcmklw0fg');" >klaus.clausen@<span Style="display:none;">dont-want-spam.</span>test.de</a></div>
<div class="ma_sprech">Sprechzeiten:<br />Mo-Do 9:00-14:00 Uhr</div>
</div>
<div class="ma_foto"></div>
<div class="clear"> </div>
</div>
</div>
Und das dazugehörige Stylesheet:
Code:
.ma_all {
font-family: Arial, Helvetica, sans-serif;
}
.ma_mainheader {
margin-top: 50px;
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
}
.ma_single {
border: 2px solid #007B84;
margin-bottom: 10px;
padding: 5px;
}
.ma_data {
float: left;
}
.ma_foto {
float: right;
}
.ma_header {
font-size: 16px;
font-weight: bold;
margin-bottom: 6px;
}
.ma_comm {
font-size: 14px;
margin-bottom: 10px;
}
.ma_sprech {
font-size: 10px;
}
.clear {
clear: both;
font-size: 0px;
line-height: 0px;
height: 0px;
padding: 0px;
border: none;
}