CSS Ausrichtungsproblem

[SiMbAbWe]

Zunächst Mal: Hallo an alle - freu mich Teil eurer Forengemeinde zu sein. Desweiteren hoffe ich natürlich, dass ich nicht gleich eine stupide Frage stelle :-)

Ich schieße dann mal los:
Auf einer Internetseite möchte ich zwei CSS Boxen definieren. In die obere kommt die Überschrift - passt wunderbar.
In der unteren soll ein Bild stehen, welches Text nach rechts verdrängt - so weit kein Problem. Jetzt verschiebt es mir aber in der unteren Box immer den Text zu weit nach unten.

Ich zeig euch einfach mal ein Beispiel:
Der rot markierte Bereich, um den geht es. Dieser soll weg.

<style type="text/css">
#Ueberschrift {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background-color: #353b90;
    text-align: center;
    padding: 5px;
}
#Textbereich {
    background-color: #e5e5e5;
    padding: 5px;
    color: #000;
    vertical-align:top;
}
</style>
<div id="Ueberschrift">Test</div>
<div id="Textbereich">
  <p><strong><img alt="TESTNAME" src="BILDDATEI.JPG" style="float: left; margin-right: 5px;" />TEXT</strong></p></div>

Ich hoffe, Ihr könnt mir helfen... Vielen Dank bereits jetzt.

LG, SiMbAbWe

 

[threadi]

Entweder ist deine HTML-Seite fehlerhaft oder du hast nicht alle Styles beachtet.

Bzgl. ersterem: dein hier gezeigter Code ist sicherlich nur ein Ausschnitt? Wenn nicht, dann bau bitte eine HTML-Seite mit korrektem Aufbau zurecht. Nicht so etwas.

Bzgl. letzterem: mit

* { margin: 0;padding: 0; }

kann man alle Innen- und Außenabstände zurücksetzen. Evtl. ist das schon die Ursache.

Tipp: dein HTML-Code ist eigentlich auch noch zu ungenau. Wenn Du eine Überschrift hast, dann verwende auch eine Überschrift (<h1>, <h2> etc.) und kein <div>.

 

[SiMbAbWe]

Das Problem lag am <p> </p> im code. das bekommt ja standartmässig ein margin mit. Gelöscht und jetzt passts :)
Danke!