So ich hab mir jetzt das beispiel von Andreas Kalt angesehen und auch nachgemacht, leider komme ich wieder auf das selbe Ergebniss, woran könnte das liegen???
Code:
<div id="main-body">Main-body
<div id="content">Hier werden die Inhaltlich verschiedenen Themen hineinkommen. Hier soll
der wichtige Teil stehen.
<div class="box2">
<p>Wichtige Themen</p>
</div>
</div><!-- end Content -->
<div id="sidebar-left">
<div class="ro">
<div class="lo">
<div class="ru">
<div class="lu">
<div class="inhalt">
<p>Lorem ipst augue duis dolore te feugait nulla facilisi.</p>
<p> </p>
<p>Li Europan lingues es membres del sam familie. Lor separat existentie
</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- end Sidebar-left -->
</div><!-- end Main-body -->
Code:
#main-body {
float: left;
width: 76%;
}
#content {
float: right;
width: 68%;
text-align: left;
}
.box2 {
width: 100%;
}
#sidebar-left {
float: left;
width: 32%;
padding: 0 5% 0 5%;
text-align: left;
}
.ro {
background:url(images/ro.gif) top right no-repeat;
margin:0;
padding:0;
}
.lo {
background:url(images/lo.gif) top left no-repeat;
margin:0;
padding:0;
}
.ru {
background:url(images/ru.gif) bottom right no-repeat;
margin:0;
padding:0;
}
.lu {
background:url(images/lu.gif) bottom left no-repeat;
margin:0;
padding:0;
}
.inhalt {
padding: 5px;
}
#sidebar-right {
float: right;
width: 24%;
padding: 15 px 5% 0 5%;
text-align: left;
}
#footer {
clear: both;
background: #cc9;
}
</style>
</head>
Noch kurz zum Layout, das sind bis jetzt nur ein paar Spielereien, Farben usw. werden erst bei stehendem Grundgerüst adaptiert.