Korrigiere bitte in deiner bBasic.css außerdem die nachfolgenden Anweisungen. Du handelst dir sonst nur massive Fehldarstellungen z. B. durch Einstellungsfehler beim sogenannten CSS Boxmodell ein.
Statt bisher:
Code:
#right {
background-image:url(tl_files/cms/bg_right.gif);
background-position:right top;
background-repeat:no-repeat;
margin:0;
padding:110px 15px 0;
width:170px;
}
Umstellen auf:
Code:
#right {
background-image:url(tl_files/cms/bg_right.gif);
background-position:right top;
background-repeat:no-repeat;
}
#right .inside {
padding:110px 15px 0;
}
Statt bisher:
Code:
#container {
background-image:url(tl_files/cms/main.gif);
background-repeat:repeat-y;
width:960px;
}
Umstellen auf:
Code:
#container {
background-image:url(tl_files/cms/main.gif);
background-repeat:repeat-y;
}
Statt bisher:
Code:
#main {
background-image:url(tl_files/cms/main_top.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0;
padding:20px 0 20px 30px;
width:700px;
}
Umstellen auf:
Statt bisher:
Code:
#main {
background-image:url(tl_files/cms/main_top.gif);
background-position:left top;
background-repeat:no-repeat;
}
#main .inside {
padding:20px 0 20px 30px;
}
Merke dir bitte für die Arbeit mit Layouts in TYPOlight (aber auch allgemein):
Kombiniere möglichst niemals in einem DIV eine Breitenangabe (Width) mit zusätzlich noch Abstandsangaben (Padding, Margin)! Damit holst du dir richtigen Ärger mit CSS-Fehldarstellungen.
In TYPOlight gibt es für diesen Zweck innerhalb der Haupt-DIVs immer noch ein Innen-DIV mit der Klasse "inside". So kann man dem Haupt-DIV bei Bedarf z. B. eine Breitenangabe zuweisen und weist die Abstandsangabe dann dem inside-DIV zu.
Da du im Adminbereich von TYPOlight bereits übers Seitenlayout die grundlegendsten Breitenangaben gemacht hast (Gesamtbreite des Layouts, Breite der rechten Spalte), solltest du gar keine weiteren Breitenangaben mehr machen, sondern den Rest nur noch über die Abstände bei den inside-DIVs steuern.
Das gilt natürlich so nicht allgemein für alle TYPOlight-Layouts, aber in deinem Fall und bei den meisten typischen Layouts die mit dem TYPOlight-Framework gebaut werden stimmt es
Lesezeichen