Rechte und Linke Spalte auf 100 % ab 800px

[Angie007]

Hallo,

versuche die linke und rechte Spalte auf 100 % Breite zu setzen ab eine Bidschirm Breite von 800 px.
Ich habe es mit:
@media (max-width: 800px) {
#left {
width:100%;
!important;
}
probiert, zeigt leider keine Wirkung
Würde mich sehr über hilfe freuen.
VG

[Andreas]

Falsches CSS. !important falsch gesetzt, falscher Query. Falsche Klammersetzung. Richtig:

/* ... 800px width and more ...
-------------------------------------------------------------------------------------------------*/
@media (min-width: 800px) {
  #left {
    width: 100%;
  }
} 

Ob das dann auch über die ganze Viewportbreite geht, hängt von anderen Faktoren ab, da müsste man dann mal die Seite sehen.

[Angie007]

Danke, aber hilft leider nicht
Hatte den Link vergessen sorry:
http://hermine-paguera.es

[Andreas]

Da jetzt genaue Hilfe zu geben ist schwer, weil man nur diese eine minimierte CSS-Datei sieht.

Um es dir etwas einfacher zu machen, kannst du im BE den Debug-Modus einschalten, dann siehst du die CSS-Dateien mit deinem Dev-Tool einzeln.

Wie ich bereits gesagt hatte, muss das nicht unbedingt funktionieren, weil man den Kontext sehen muss.

Du hast es nicht geschafft mit deiner Regel die Breite und das Float zu überschreiben (float:none;). Das kann folgende Gründe haben.

• Die Style-Regel kommt zu früh.
• Der Selektor ist zu schwach, so dass er die vorherige Regel nicht überschreiben kann.

Wahrscheinlich hatte ich dich auch falsch verstanden. "ab eine Bidschirm Breite von 800 px" - darunter verstehe ich 800 und mehr. Du meinst aber wahrscheinlich 800 und kleiner, dann musst du max-width im @media nehmen.

/* ... 800px width and less ...
-------------------------------------------------------------------------------------------------*/
@media (max-width: 800px) {
  #left,
  #right {
    width: auto;
    float: none;
  }
} 

[Angie007]

Guten Morgen Contao-Urgestein,

danke Dir herzlich für Deine Hilfe! Habe es noch mit min-width: 100%; ergänzt und es klappt.

VG