✔ Elemente sind versetzt, anstatt nebeneinander zu stehen

[Rayne]

Hallo.

Ich schaffe es nicht, zwei Elemente horizontal auf eine Höhe zu bringen. Ein Element ist immer nach unten verrutscht.

Eine Testseite mit dem Ergebnis gibt es hier: http://www.sky-divezone.de/pages/gaestebuch.php

So lautet der HTML-Code:

<div class="Name">[NAME] [EMAIL] [HOMEPAGE]</div>
<div class="Datum">[DATE] [TIME]</div>
<br />
<div class="Linie"></div>
<div>[MESSAGE]</div>
<br />
<br />

Und so das Stylesheet:

.Name
{
float:left;
}

.Datum
{
float:right;
font-weight:normal;
font-size:0.8em;
}

.Linie
{
width:100%;
height:1px;
margin:8px 0px 7px 0;
background-color:#8CC7FF;
}

Das Ganze sollte so aussehen wie hier: http://wiko.fhtw-berlin.de/pages/de/buchhandel.php (dort habe ich es hinbekommen, aber mit dem gleichen Code sieht es auf der neuen Seite so verrutscht aus).

Woran liegt das und wie bekomme ich die Elemente auf eine Höhe?

Danke

 

[Maik]

Hi,

der gezeigte Codesnippet ist vollkommen in Ordnung, denn wenn ich das zweite Stylesheet http://www.sky-divezone.de/templates/Sky-DiveZone/styles.css nicht in der Seite einbinde, ist der Fehler weg.

mfg Maik

 

[Maik]

Sodele, da bin ich schon wieder

#Content-Huelle a img
{
margin-right:10px;
margin-bottom:10px; /* ist der Übeltäter */
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
}

mfg Maik

 

[Rayne]

Vielen Dank! Das hätte ich mich wahrscheinlich totgesucht.