Hallo vielleicht kann mir hier jemand helfen:
Ich habe versucht ein Theme selbst zu erstellen ist aber wie ich feststelle garnicht so einfach. Aufbau meines Themes ist wie folgt:
- eine content
-darin sidebar links und rechts u für die mitte eine contentbox
so nun habe ich folgendes problem, wenn die Sidebars automatisch mit irgendwelchen dingen erweitert wird, dann geht die content nicht mit, also ich sidebars ragen dann über die content hinaus
hier mal mein css. code
CSS
body{
background: #b3c3d2;
font-family: Tahoma, Verdana; Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: #063152;
}
#header{
background-image: url(images/header.gif);
border: none;
height: 260px;
background-position: center;
background-repeat: no-repeat;
padding-top:1px;
}
#content{
background-color: tranparent;
text-align: left;
border: 1px solid #43749d;
width: 790px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
min-height: 700px;
height: auto !important;
border: 1px solid yellow;
}
#contentbox{
margin-left: 180px;
margin-right: 180px;
margin-top: 13px;
padding: 3px;
position: relative;
width: auto !important;
width: auto;
min-width: 120px;
min-height: 1000px;
border: 1px solid red;
}
* html#contentbox{
margin-left: 180px;
margin-right: 180px;
margin-top: 13px;
padding: 3px;
position: relative;
height: 90em;
border: 1px solid red;
}
#sidebar-a {
width: 170px;
float: left;
position: absolute;
top: 290px;
left: 110px;
border: 1px solid red;
}
#sidebar-b {
width: 170px;
float: right;
position:absolute;
top: 290px;
right: 110px;
border: 1px solid red;
}
#footer{
clear: both;
background-image: url(images/footer.gif);
height: 80px;
background-repeat: no-repeat;
margin-top: auto;
padding-top: auto;
text-align:center;
font-family: Monotype Corsiva, Tahoma, Verdana; Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: lighter;
text-align: center;
padding-left:50px;
font-color: #43749d;
line-height: 4.3em;
}
die borders sind da um alles zu verdeutlichen....