Hallo zusammen, ich habe meine Webseite mit CSS aufgebaut und stehe nun vor einem kleinen Problem!
Aufgebaut ist die Seite wie folgt:
3 Bereiche untereinander (header, wrap, footer width:750px)
in wrap befinden sich 2 Bereiche untereinander (description, content width:500px) und rechts daneben habe ich einen bereich (sidebar width:250px)
das problem ist das der Bereich "sidebar" nicht über die Bereiche descrition und content geht (in html wäre das problem rowspan, in css habe ich leider keine ahnung)
formatiert ist das ganze wie folgt:
anbei noch ein bild um das besser zu verstehen. der weisse Bereich ist "wrap"
Aufgebaut ist die Seite wie folgt:
3 Bereiche untereinander (header, wrap, footer width:750px)
in wrap befinden sich 2 Bereiche untereinander (description, content width:500px) und rechts daneben habe ich einen bereich (sidebar width:250px)
das problem ist das der Bereich "sidebar" nicht über die Bereiche descrition und content geht (in html wäre das problem rowspan, in css habe ich leider keine ahnung)
formatiert ist das ganze wie folgt:
Code:
#header { height:84px; width:750px; border:2px solid #545539; margin:0 auto; background-image: url(../gfx/sb.jpg); background-repeat:no-repeat; background-position:50% 50%; background-color:#808259; padding:12px; } #wrap { background:#fff; margin:0 auto; border:2px solid #545539; border-width:0 1px; width:750px; } #description { width:500px; margin: 0; background:#efefef; padding:0px 0px 0px 0px; } #content { background-color: #323232; padding:0px 0px 0px 0px; width:500px; text-align: justify; } #sidebar { padding:0px 0px 0px 0px; margin:0px 5px 5px 0px; margin-left:500px; width:250px; text-align:right; background-color:#646464; } #footer { margin:0 auto; background:#f6f6f6; border:2px solid #545539; text-align:center; font-size:0.94em; padding:5px; width:740px; text-decoration:none; }
Kommentar