Hallo zusammen,
ich würde gerne einen Rahmen mit abgerundeten Ecken um meinen Content haben.
Soweit habe ichs auch schon hinbekommen:
Floor LegendZ - die Breakdancecrew im Kraichgau
Wie man jedoch erkennen kann ist leider ein Abstand zwischen dem Kopf- und Fuss-Element und dem Inhalt.
Hier mein Css-Code:
und hier noch der relevante HTML-Code:
Es wäre super, wenn jemand eine Idee hat an was das liegen könnte.
Am padding liegts übrigens nicht, das habe ich bereits getestet...
Beste Grüße
ich würde gerne einen Rahmen mit abgerundeten Ecken um meinen Content haben.
Soweit habe ichs auch schon hinbekommen:
Floor LegendZ - die Breakdancecrew im Kraichgau
Wie man jedoch erkennen kann ist leider ein Abstand zwischen dem Kopf- und Fuss-Element und dem Inhalt.
Hier mein Css-Code:
Code:
* {
margin:0px;
padding:0px;
}
.website {
background-color:#03F;
width:710px;
position:relative;
margin-left:auto;
margin-right:auto;
}
.menu {
background-color:#F00;
width:100px;
position:absolute;
top:200px;
left:0px;
}
.websiteWithoutMenu {
width:600px;
position:absolute;
right:0px;
top:0px;
}
.content {
background-image:url(images/layoutelements/borderCENTER.jpg);
background-repeat:repeat-y;
padding:10px;
min-height:550px;
}
und hier noch der relevante HTML-Code:
HTML:
<body>
<div class="website">
<nav class="menu">
<p>Menu</p>
<p> </p>
<p> </p>
</nav>
<div class="websiteWithoutMenu">
<header>
<img src="resources/images/layoutelements/floorlegendzheader.jpg" width="600" height="193" alt="floorlegendzheader" />
<img src="resources/images/layoutelements/borderTOP.jpg" width="600" height="10" alt="floorlegendzheader" />
</header>
<div class="content">
<p>content....</p>
</div>
<footer>
<img src="resources/images/layoutelements/borderBOTTOM.jpg" width="600" height="10" alt="floorlegendzheader" />
</footer>
</div>
</div>
</body>
Es wäre super, wenn jemand eine Idee hat an was das liegen könnte.
Am padding liegts übrigens nicht, das habe ich bereits getestet...
Beste Grüße