CSS Ausrichtungsproblem

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 :slight_smile:

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:
[ATTACH]2411.vB[/ATTACH] Der rot markierte Bereich, um den geht es. Dieser soll weg.

[CODE]
#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;
}

Test

TESTNAMETEXT

[/CODE]

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

LG, SiMbAbWe

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 (

,

etc.) und kein
.

Das Problem lag am

im code. das bekommt ja standartmässig ein margin mit. Gelöscht und jetzt passts :slight_smile:
Danke!