Hallo,
ich bin beim 'bauen' einer Website und habe da ein Problem: Padding(-left) funktioniert nicht!
Die Datei sieht so aus:
<!-- start #sidebar01 -->
<div id="sidebar01">
<h4>Menü</h4>
<p>Home<br /><br />
Charaktere<br /><br />
Veröffentlichungen<br /><br />
Link mich<br /><br />
Gästebuch<br /><br />
Impressum
</p>
</div>
<!-- end #sidebar01 -->
<!-- start #top -->
<div id="top">
<img src="logo.jpg" alt="logo" width="728" height="90" />
</div>
<!-- end #top -->
<!-- start #line -->
<div id="line">
<b>Willkommen auf ...blabla...! ;-)</b>
</div>
<!-- end #line -->
<!-- start #maincontent -->
<div id="maincontent">
<p>
...text...
<br />
Für weitere Informationen zu diesem Thema siehe Rest der Website... :-)
</p>
</div>
<!-- end #maincontent -->
<br />
<br />
<!-- start #bottom -->
<div id="bottom">
...copyrightvermerk...
</div>
<!-- end #bottom -->
und das CSS dazu sieht so aus:
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
color: black;
font-size: 100.01%;
}
#line {
text-align: right;
background-color: #AC003C;
padding-right: 10px;
background-image: url(bckgnavi.jpg);
color: white
}
#sidebar01 {
float: left;
width: 130px;
height: 463px;
background-color: #AC003C;
background-image: url(bckgnavi.jpg);
padding: 10px;
color: white;
}
#top {
background-color: #AC003C;
padding-top: 10px;
background-image: url(bckgnavi.jpg);
color: white;
}
#bottom {
padding: 10px 20px 20px;
margin: 0px;
border-top: 1px solid #353535;
text-align: center;
font-size: smaller;
font-style: italic;
letter-spacing: 2px;
line-height: 1.5;
}
#maincontent {
padding: 10px;
}
Das padding bei #maincontent funktioniert nicht. Wieso?