Hallo zusammen!
Ich bräuchte mal Hilfe, anscheinend seh ich den Wald vor lauter Bäumen nicht mehr....
Und zwar bin ich seit vorgestern dabei mein Blog umzugestalten, basierend auf dem Kubrick Theme. Ganz laaaaangsam nach viel Verzweiflung sieht es auch annähernd so aus, wie es aussehen soll, allerdings gehorcht mir meine Sidebar nicht mehr. Egal was ich mache, sie kommt einfach nicht an die für sie vorgesehene Stelle, nämlich oben neben den Inhalt, sondern sie orientiert sich unten am Content, d.h. je mehr inhalt, desto weiter nach unten rutscht die sidebar... Float hilft komischerweise auch nicht..
mein test-blog: http://www.ffcorner.com/testb/
mein css [der relevante teil. sorrü, ist ein bisschen unsortiert, ich räum das immer erst später auf..]
/* Begin Typography & Colors */
body {
margin:0px;
padding:0px;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #3c3c3c;
}
#page {
background-color: #3c3c3c;
text-align: left;
width: 100%;
}
#header {
background: #3c3c3c url('images/header.jpg') no-repeat top left;
}
#headerimg {
height: 550px;
width: 791px;
}
#content {
background: #52242E;
font-size: 1.2em
}
#sidebar
{
postion: absolute;
padding: 10px 0 10px 0;
margin-left: 790px;
margin-top: -400px;
width: 190px;
border: 1px solid #ffffff;
}
#footer {
background: #3c3c3c;
border: none;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0px;
padding: 0px;
}
#page {
margin: 0px;
padding: 0px;
}
#header {
background-color: #3c3c3c;
margin: 0px;
padding: 0px;
height: 550px;
width: 100%;
}
#headerimg {
margin: 0px;
height: 550px;
width: 791px;
}
.narrowcolumn {
position: relative;
padding: 0 0 10px 20px;
margin-left: 288px;
margin-top: -400px;
width: 474px;
border-right: 1px solid #c58d80;
border-left: 1px solid #c58d80;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 40px;
text-align: justify;
}
.post hr {
display: block;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: left;
}
#footer {
padding: 0px;
margin: 0px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */
Alles anzeigen
ich hoffe jemand findet den Fehler, den ich zu blöd zu erkennen bin :/ Das ist mein 5ter neuanfang für das Design, nachdem sämtliche Aufbauversuche immer an irgendwas anderem scheiterten.. und so langsam erkenn ich in dem Wust einfach nichts mehr ;) Würde mich freuen wenn mir jemand helfen kann :)