Elemente im zentrierten Layout anordnen [2]

So funktioniert's nicht. Der Eckbereich wandert ins Nirrwahna, das Banner verschwindet ganz. Ziel war es ursprünglich, die Unterseiten mit farblich abgestimmten, unterschiedlichen Eckbereichen zu versehen, was, Deinem vorhergehenden Tip folgend, durch Austausch der CSS- Quelldatei möglich wäre.

Damit blockiere ich allerdings eine weitere, vorgesehene Ergänzung des Layouts, nämlich das Einfügen eines ebenso variablen Hintergrundbildes für die Unterseiten.

Perfekt wäre ein fixierter Bereich zur Aufnahme der unterschiedlichen Seiteninformationen (Bilder & Text), der wiederrum am unteren Rand von einem variablen Banner mit dazu passender Ecke abgeschlossen wird. Das alles sitzt eingebettet im zentrierten Containerrahmen.

Erstmal sorry für die lange Abstinenz.

Große Klasse, Jörg, endlich ist bei mir der Groschen gefallen. Ich tausche das Hintergrundbild als gebundene Grafik (incl. Banner) über die Klassendefinition in den Unterseiten aus. Das erspart die zusätzliche Definition des Bannerbereichs & etwaige Verschiebungen. Durch diese Methode vermeide ich auch Inkompatibilitäten der Browser.

Jetzt hakt es noch an folgendem Problem:

Die Navigationsleiste ist in der CSS-Definition wie folgt eingebunden:

/*- Menu Tabs B--------------------------- */

#tabsB {
float:left;
width:739px;
padding-top: 27px;
font-size:93%;
line-height:normal;
}
#tabsB ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsB li {
display:inline;
margin:0;
padding:0;
}
#tabsB a {
float:left;
background:url("tableftB.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsB a span {
float:left;
display:block;
background:url("tabrightB.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
color:#000;
}
#tabsB a:hover {
background-position:0% -42px;
}
#tabsB a:hover span {
background-position:100% -42px;
}

#tabsB #current a {
background-position:0% -42px;
}
#tabsB #current a span {
background-position:100% -42px;
}

Ich möchte diese Navigation grundsätzlich auf jeder Unterseite direkt über dem Banner anordnen (siehe hierzu nochmal www.mega-stone.info). Die Zentrierung bereitet mir noch Schwierigkeiten, wie bereits bemerkt ist die Anordnung im Container Bedingung.

Wenn Du nochmal helfen könntest?

Das ist klar. Mein Problem ist die absolute, feste Fixierung der Navigationsleiste im unteren Bereich, unmittelbar über dem Banner, welches entsprechend Deinem Tip jetzt als Hintergrundbild (im Container) starr definiert ist.

Bei wechelndem Layout verschiebt sich jetzt die Navigationsleiste mit dem Seiteninhalt über das Hintergrundbild.

Ich brauche einen seperaten Div-Container, der fest plaziert die Navigationsleiste aufnimmt & unabhängig vom variablen Seiteninhalt seine Position beibehält. Meiner Beispielseite folgen natürlich noch weitere Unterseiten, die im Layout variieren ...