ich muss Dich leider noch einmal nerven ... ich steige nicht so ganz hinter das CSS-Konzept von 2k11. Ich weiß, es soll alles schön responsive und fließend sein ... absolute Größenangaben sind pfui bäh, etc.
Jetzt habe ich aber folgendes Problem:
2k11 soll dreispaltig sein. Mit deinem CSS-Generator habe ich mir ein dreispaltiges Layout erstellt, mit 100% max-width und 18% linke Spalte und 30% rechte Spalte.
Code: Select all
@media only screen and (min-width: 768px) {
#page { max-width: 100%; }
.col3 #searchform,
.col3 #sidebar_right { width: 30%; }
.col3 #sidebar_left {
left: -52%;
width: 18%;
}
.col3 #identity { width: 70%; }
.col3 #content {
left: 18%;
width: 52%;
}
.ie7 .col3 #searchform,
.ie7 .col3 #sidebar_right { width: 29.9%; }
.ie7 .col3 #sidebar_left {
left: -51.9%;
width: 18%;
}
.ie7 .col3 #identity { width: 69.9%; }
.ie7 .col3 #content {
left: 17.9%;
width: 51.9%;
}
}
Für den Anfang habe ich erst einmal die linke Spalte probiert und diese mit
Code: Select all
#sidebar_left .sidebar_plugin {
max-width: 180px;
}
Das Problem ist jetzt, dass es auf sehr breiten Monitoren (Full-HD reicht aus) eine Lücke zwischen der linken und der mittleren Spalte gibt, da sich die mittlere nicht dynamisch an die linke annähert.
Ich verstehe auch nicht, was das left: -52% soll ...
Da Du das Design erstellt hast, weißt Du sicherlich besser, ob das mit der maximalen Breite links und rechts überhaupt möglich ist und wo ich da genau drehen kann ...
gruß
ICE