2k11 Spaltenbreite
Posted: Fri Apr 24, 2015 9:40 pm
Hallo YellowLED,
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.
Das funktioniert so weit auch ganz prima. Nur, jetzt möchte mein Bekannter für die linke und rechte Spalte eine maximale Breite haben, nur die mittlere darf komplett dynamisch bleiben. Die linke und rechte Spalte darf sich also dynamisch verkleinern, wenn es nötig ist, aber nicht breiter werden, als z.B. 180 Pixel für die linke Spalte.
Für den Anfang habe ich erst einmal die linke Spalte probiert und diese miterfolgreich beschränkt.
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
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