Hallo,
ich hab ein Seitendesign mit mehreren verschachtelten div.
Das Erste um die Seite zu zentrieren, dann kommen mehrere für den Seiteninhalt. Im Zweiten Div ist eine Überschrift, die ja einen Zeilenumbruch vor und hinter sich haben. Wäre ja auch gewollt, wenn der Zeilenumbruch nicht im übergeordneten div wäre und eine hässliche Lücke hinterlassen würde.
Wie kann ich das ändern?
Gruß Arne
ich hab ein Seitendesign mit mehreren verschachtelten div.
Das Erste um die Seite zu zentrieren, dann kommen mehrere für den Seiteninhalt. Im Zweiten Div ist eine Überschrift, die ja einen Zeilenumbruch vor und hinter sich haben. Wäre ja auch gewollt, wenn der Zeilenumbruch nicht im übergeordneten div wäre und eine hässliche Lücke hinterlassen würde.
Wie kann ich das ändern?
Gruß Arne
HTML:
<div id="page">
<div id="header">
<img class="logo_left" src="img/sonblume.gif" > <h1>Meine Überschrift </h1> <img class="logo_right" src="img/sonblume.gif" >
</div> </div>
HTML:
body {
text-align: center;
background-color: #E6EFFF;
}
#page {
width:800px;
padding: 0px;
border: 1px dashed #b9821a;
margin: 5% auto 5% ;
height:90%;
text-align:left;
}
#header {
background-color:#0066CC;
position:relative;
text-align:center;
height: 80px;
margin:0px;
}
#content {
position:relative;
background-color:#CCCCCC;
height:500px;
padding:20px;
}
#header h1 {
margin:0px;
padding:0px;
}