nicht angemeldet
Innenabstand in einem DIV-Container
Zunächst habe ich die Überschrift die im Header der Seite erscheinen soll, mit der ID "header" versehen. Da ich weiß, dass mein grafischer Header die Maße 950px x 135px hat, habe ich die entsprechende Maße per CSS festgelegt. Nun hätte ich gerne, das der Text "Überschrift im Header" nicht direkt oben links am Rand des eingefärbten Headers liegt. Er soll stattdessen zur linken und oberen Kante einen Abstand von 10px haben. Ich könnte also den CSS Eintrag header einfach um einen Innenabstand von 10px erweitern. Damit wird der Text dann mit dem entsprechenden Abstand angezeigt. Irgendwie vergrößert sich dadurch allerdings die Höhe des Headers um die 10px die ich gerade festgelegt habe. Könnt ihr mir vielleicht kurz erklären warum das so ist? Liegt das vielleicht daran, das h1 gleichzeitig der Container und die Überschrift ist? Ich meine sollte ich h1 in einen weiteren DIV-Container packen um dieses Problem zu lösen?
<body>
<h1 id="header">Überschrift im Header</h1>
</body>
body {
width: 950px;
margin: 20px auto;
background: #cccccc;
}
#header {
background: #999999;
height: 135px;
}
-
»»Liegt das vielleicht daran, das h1 gleichzeitig der Container und die Überschrift ist?
Ja
»»Ich meine sollte ich h1 in einen weiteren DIV-Container packen um dieses Problem zu lösen?Ja
Dann kannst du dir noch http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=das anschauen...
gruss
-
Tachchen!
http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=box+model@title=Box-Modell ... das sollte dir helfen. ;-)
Gruß
Die schwarze Piste