[ERLEDIGT] Innenabstand vom umschließenden div-Element
- Ersteller matt1611
- Erstellt am
Werbung:
![]()
Hallo,
ja,
die Bilder sind nicht dolle ;)
Padding habe ich schon probiert. Das Problem ist, dass sich dann der div-Container (header) vergrößert hat.
Hier ist der HTML-Code:
Und hier die css
Also, das Ganze soll nachher so aussehen, dass über dem div-Header auch 20px Abstand zum dunklen Hintergrund sind. ( das die Abstände also alle gleich sind )
Viele Grüße!
ja,
die Bilder sind nicht dolle ;)
Padding habe ich schon probiert. Das Problem ist, dass sich dann der div-Container (header) vergrößert hat.
Hier ist der HTML-Code:
Code:
<body>
<div id="container">
<div id="header">
header
</div>
<div id="mitte">
<div id="hauptmenue">
hauptmenue
</div>
<div id="hauptcontent">
hauptcontent
</div>
</div>
</div>
</body>Und hier die css
Code:
body {
background-color: #999;
}
#container {
background-image: url(../images/hinter.jpg);
width: 980px;
height: 1400px;
margin: 0 auto;
margin-top: 10px;
border-radius: 35px;
}
#header {
width: 940px;
background-color: #e4d8b7;
height: 200px;
margin: 0 auto;
border-radius: 35px;
}
#mitte {
}
#hauptmenue {
background-color: #e4d8b7;
height: 800px;
width: 200px;
float: left;
margin: 20px;
border-radius: 35px;
}
#hauptcontent {
float: right;
width: 720px;
background-color: #e4d8b7;
height: 800px;
margin: 20px 20px 20px 0px;
border-radius: 35px;
}Also, das Ganze soll nachher so aussehen, dass über dem div-Header auch 20px Abstand zum dunklen Hintergrund sind. ( das die Abstände also alle gleich sind )
Viele Grüße!
Anhänge
Werbung:
![]()
Banana_Jones
Aktives Mitglied
Dann braucht #container die Anweisung padding-top: 20px;
Bedenke: Padding wird zur Höhe des Elementes dazugezählt, sprich dein Element ist später "Höhe + padding" Pixel hoch. Ist die feste Höhe des Elements gewünscht, musst du die 20px von der height-Angabe abziehen
Alternativ kannst du auch #header margin-top: 20px zuweisen
Bedenke: Padding wird zur Höhe des Elementes dazugezählt, sprich dein Element ist später "Höhe + padding" Pixel hoch. Ist die feste Höhe des Elements gewünscht, musst du die 20px von der height-Angabe abziehen
Alternativ kannst du auch #header margin-top: 20px zuweisen
Werbung:
![]()