HTML/CSS 3 Spalten Layout

[tkiela]

Moin.

Ich bekomme mein einfaches 3 Spalten Layout einfach nicht richtig mit CSS hin.
Momentan sieht es folgendermaßen aus:

Also alle drei Spalten sind auf verschiedenen Höhen.

 #menu_left {
         background-image: url(img/menu_left.png);
         background-repeat: repeat-y;
         margin-top:5px;
         position: absolute;
         width:182px;
         margin-right:10px;
         z-index:2;
         }
 #content {
         z-index:4;
         width:525px;
         margin: 5px 187px;
  }
  #bg {
       z-index:1
       background-image: url(img/back.gif);
   }
 #menu_right {
                 z-index:3;
                 position:absolute;
                 left: 725px;
                 width:182px;
                 margin-left:10px;
                 background-image: url(img/menu_left.png);
                 background-repeat: repeat-y;
 }

Vielleicht könnt ihr mir ja helfen.

 

[Renegade]

Hi,

Versuch es mal mit float. Position und z-index brauchst du dafür nicht.

 

[theHacker]

Moin.

Guckst du hier:
https://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltig

 

[tkiela]

Danke schonmal.

Jetzt siehts allerdings so aus:

 #main   {
         vertical-align: middle;
         background-image: url(img/back.gif);
         margin-left:auto;
         margin-right:auto;
         display: block;
         font-family:"DejaVu sans";
         color:#dbdbbd;
         }
 #header {
         padding-top:20px;
         padding-bottom:5px;

         }
 #menu_top {
         background-image: url(img/menu_top.png);
         background-repeat: no-repeat;
         height:26px;



         }

#bg {
       z-index:1
       background-image: url(img/back.gif);
   }



 #menu_left {
            float:left;
            width:187px;
            margin: 0;padding: 0;
         }

 #content {
          margin: 0 10 0 10;

  }
 #menu_right {
            float:right;
            width:187px;
            margin: 0;padding: 0;
 }

 

[Renegade]

Es wäre um einiges einfacher für uns, wenn du uns den Link zur Seiten nennen könntest. Dann brauchen wir nicht lange überlegen sondern können direkt nachgucken.

 

[tkiela]

https://84.200.211.177/HP/ ;-)

 

[Renegade]

Am einfachsten wäre: Du machst ein Div um menu_left, menu_right und content und gibts diesem Container eine bestimmte Breite

 

[tkiela]

Besten Dank, Renegade!