Responsive: Floatverhalten von 3 Spalten bei kleineren Bildschirmen
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo zusammen,
Hallo, ich habe ein Problem bei der Responsive Anpassung eines 3 Spalten Layouts (Holy Grail). Die Spalten sind wie folgt aufgeteilt: HTML-Code:
<div class="container"> Damit es klarer wird, was ich meine, habe ich hier eine Beispielskizze angehängt: Anhang 5156 Mein CSS Code: HTML-Code:
@media (max-width: 768px) { |
Soll das ganze auch im IE8 und IE9 funktionieren?
|
In erster Linie geht es um die Darstellung auf Tablets... IE8 und IE9 müssen nicht zwingend berücksichtigt werden.
|
Zitat:
|
Was meinst Du damit? Meinst Du die rechte Spalte soll in der vollen Breite unter der Linken Spalte angezeigt werden? So habe ich das auch bisher immer gelöst und so war es auch in meinem Entwurf vorgesehen, aber leider möchte mein Kunde das so umgesetzt haben, wie beschrieben :?
|
Zitat:
P.S.: die linke Spalte muss natürlich ein „clear: left“ dazu bekommen, um unter dem „#main“-div zu floaten. |
Mal so auf die Schnelle:
HTML-Code:
<!doctype html> . |
Den Holy Grail löse ich im Mediaquery auf mit:
#main, #left, #right { float: none; position: relative; margin-right:0; margin-left:0; left:0; right:0; } Danke für Deinen Lösungsansatz, werde ich gleich mal testen! |
Alle Zeitangaben in WEZ +2. Es ist jetzt 21:25 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023