[CSS] Größenveränderung durch <h1> bei einem <div> mit fester größe

[Laire]

Hallo,

ich habe ein <div> Objekt mit fester Höhe und Breite, welches ein Hintergrund Bild hat. Wenn nun in diese Objekt ein <h1> Objekt platziere, verändert sich trotzdem die Höhe des <div> was natürlich bescheiden aussieht, weil das Hintergrundbild auf die Höhe angepasst ist.

Gibt es dafür eine Lösung?

[Kropff]

margin? padding? beispielcode?

peter

[TobiaZ]

Poste mal wie es aussehen soll.

Ich würde mal blind empfehlen, dass du dem h1 ne kleinere lineheight verpassen musst.

[Laire]

Hier das CSS:

.header
{
width:970px;
height:291px;
background-image:url(design/header.jpg)
}
h1
{
color:#FFFFFF
}

Und hier HTML:

<div class="header">
<h1>Markus' grosse kleine Welt</h1>
</div>

[Kropff]

setz mal folgendes:

* {
  margin: 0;
  padding: 0;
} 

und sag, was dabei herauskommt.

peter

[Laire]

Vielen Dank hat geholfen