Kopf-/Fußzeile und rechte Spalte fixieren

**mai-blume** · 30.07.2011, 15:32

Hallo,

habe gestern erst Contao installiert und damit begonnen ein bisschen zu testen. Bin noch völiiger Neuling.

Ich habe also im Backend ein eues Theme erstellt mit Seitenlayout Kopfzeile, Fußzeile, Hauptseite und rechter Spalte
Stylesheets basic (leer) und layout
(dazu noch Module Bild in Kopfzeile , Bilder in Fußzeile und Navigation in der rechten Spalte)

Kopf- und Fußzeile sind fixiert - nur die rechte Spalte will nicht
Kann mir da bitte jemand helfen? Mit position fixed klappts nicht - da findet sich die rechte Spalte plötzlich ganz links im #main wieder

ist wahrscheinlich ganz einfach und ich seh nur mal wieder den Wald vor lauter Bäumen nicht

danke!

im backend-layout siehts so aus:

#main
{
z-index:98;
}

#footer
{
z-index:100;
background-color:#ffffff;
position:fixed;
width: 100%;
bottom: 0px;
left: 0px;
}

#header
{
position:fixed;
z-index:99;
width:100%;
background-color:#ffffff;
}

#right
{
background-color:#8a94ed;
}

**psren** · 30.07.2011, 17:06

Hallo und willkommen im Forum.

Versuch doch mal das position: fixed folgendem mitzugeben

Code:

#main .inside

ist aber ungetestet.

Viele Grüße
psren

**neueplaneten** · 30.07.2011, 18:38

Code:

html,body{height:100%;}
body{overflow-y:scroll;}
#wrapper{position:relative;height:auto !important;min-height:100%;}
#header .inside,#footer .inside{height:100%;}
#shop{width:auto;bottom:20px;position:absolute;display:block;left:40px;}
#container{padding-bottom:240px;}
#footer{width:100%;bottom:0;position:absolute;background:#eee;}

IE6/7 Bugs stylesheet iefixes.css lte IE 7

Code:

/* Style sheet iefix */
body{o\verflow:visible;}
body{height:1;}
html{margin-right:1px;}
* html{margin-right:0;}
body,#main * html #left,* html #right,* html ul,* html ol,* html dl,fieldset,legend{position:relative;}
* html #header,* html #nav,* html #container,* html #footer{width:100%;wid\th:auto;}
* html body{position:static;}
* html textarea{overflow:scroll;overflow-x:hidden;}
* html input{overflow:hidden;}
#wrapper,#header,#container,#footer{zoom:1;}
#main .inside{margin-bottom:-2px;}
* html body a,* html body a:hover{background-color:transparent;}
body ol li{display:list-item;}

Seitenlayout zentriert bei 960px
Kopzeile und Fußzeile im Seitenlayout auf 250px stellen

Wenn es nicht klappt, Link zu deiner Webseiten, dann kann ich Firebug helfen. Brauche kein Login!