|
|||
Elemente falsch herum für Responsivität
Hallo ihr CSS-Cracks, ich brauche mal eure Hilfe.
Eine mit Contao erstellte Website hat folgende Elemente im Quelltext, deren Reihenfolge nicht geändert werden kann: Seitenquelltext: <aside id="right">Inhalt der Sidebar, der in der Desktop-Ansicht rechts dargestellt wird</aside> <div id="inhalt">Der eigentliche Inhalt</div> Style: #right {float:right;} Problem: Beim Umbruch wird der Inhalt der <aside>.Sidebar oben dargestellt. Responsiv solll allerdings der <div>-Inhalt oben dargestellt werden. Da Flexbox immer noch nicht richtig in allen Browsern funktioniert, brauche ich eine andere Lösung. VG Der Argutus |
Sponsored Links |
|
|||
In welchem browser, der responsive stylesheets unterstützt, funktioniert flexbox denn nicht ausreichend für dich?
|
Sponsored Links |
|
|||
Hallo
Zitat:
Die Browser, die Media Queries unterstützen, können auch Flexbox. Es ist auch viel effektiver, für die wenigen Browser ein Fallback zu erstellen, die Flexbox nicht beherrschen, anstatt umgekehrt eine Krampflösung zu erstellen, die dann in viel mehr Browsern nicht funktionieren wird. Das Problem ist nicht die mangelnde Unterstützung der Browser von Flexbox, sondern deine veralteten Vorstellungen, wie moderne Webseiten erstellt werden, die von möglichst vielen Besuchern genutzt werden können. Vor Flexbox gab es überhaupt keine Möglichkeiten die Reihenfolge der Container anders als im Quelltext im Fenster anzuzeigen. Dazu konnten nur einige CSS-Anweisungen wie float oder absolute mißbraucht werden. Das funktionierte aber nur unter bestimmten Voraussetzungen, die in Zeiten von Smartphones und Tablets weggefallen sind. Und grade auf die willst du ja Einfluß nehmen. Bleibt also nur deine veralteten Vorstellungen über Bord zu werfen und Flexbox zu benutzen. Die eingesparte Zeit reicht dann locker, um für die nicht flexboxfähigen Browser wie für den IE8 (der Ärmste muss seltsame Weise immer herhalten) ein Fallback zu erstellen. Gruss MrMurphy |
|
|||
Wir hatten Probleme im iPhone. Aber dann werden wir es wohl nochmal mit der FlexBox versuchen, wenn es wirklich keine andere Möglichkeit gibt. Euch vielen Dank für die Hilfe! Vor allem dir, MrMurphy.
Und ja, der arme IE? |
|
|||
Das Problem ist, dass die Website selbst fehlerhaft gebastelt wurde und ich diese responsiv machen möchte. Klar kann der Fehler auch woanders her rühren. Das Prinzip der Flexbox finde ich selbst auch sehr gut.
|
Stichwörter |
flexbox, float, responsiv |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Elemente nebeneinander mit max Höhe des umgebenden Elementes | ShadowDeath | CSS | 1 | 27.08.2011 22:00 |
[Formular] Semantisch richtige Elemente verwenden | Zeussi | (X)HTML | 9 | 07.09.2010 01:02 |
Elemente unbrauchbar bei absolute | Bara | CSS | 0 | 28.07.2010 07:18 |
Positionierung einiger Elemente falsch | CrAzYs | CSS | 4 | 09.10.2008 21:45 |
Welche Positionierung für elemente eines Formulas? | bastien | CSS | 3 | 01.01.2007 23:31 |