✔ Probleme mit <div> Container

[jackie05]

Hallo,
ich bin gerade dabei ein Gästebuch zu schreiben, funktioniert alles perfekt bis auf eins... wenn ich mein Gästebuch im Internet Explorer Betrachte, sieht alles normal aus und wenn ich im Firefox mein Gästebuch ansehe, wird das ganze falsch dargestellt.

Hier mal ein Screen:
http://www.qpic.ws/viewimage.php?file=/images/yG517020.bmp

und hier mein CSS Style:

.post{ 
border: 1px solid #808080; 
background-color: #FFF; 
padding: 3px; 
width: 400; 
}
.eintrag {
border-bottom: 1px solid #808080;
font-family: Arial;
font-size: 8pt;
padding: 3px;
float: left;
text-align: left;
}
.datum {
border-bottom: 1px solid #808080;
font-family: Arial;
font-size: 8pt;
padding: 3px;
text-align: right; 
}
.username {
font-family: Arial;
font-size: 8pt;
padding: 3px;
width: 120px;
float: left;
text-align: left;
}
.msg {
border-left: 1px solid #808080;
font-family: Arial;
font-size: 8pt;
padding: 3px;
width: 120px;
text-align: left;
}
.number{ 
border: 1px solid #808080; 
background-color: #FFF; 
padding: 3px;
font-family: Arial;
float: left;
}

Hier lasse ich die <div> Containers dann anzeigen:

<center>
<div class="post"> 
<div class="eintrag">Eintrag #<?php echo $row->id; ?></div>
<div class="datum">geschrieben am <?php echo $datum; ?> Uhr.</div>
<div class="username"><a href='mailto: <?php echo $row->email; ?>'><?php echo $row->user; ?></a><br>
<a href='<?php echo $row->homepage; ?>'>Homepage</a></div> 
<div class="msg"><?php echo nl2br($row->msg); ?></div> 
</div></center><br>

Gibt es vielleicht eine bessere Methode das so zu gestalten wie es im Screen zusehen ist, das auch bei Firefox richtig dargestellt werden kann?

Ich bedanke mich schonmal im Voraus.

MfG

 

[Maik]

Hi,

Webmaster FAQ -> CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

mfg Maik

 

[jackie05]

Vielen Dank, das hat mir sehr Weitergeholfen.

MfG