Spalten left - main - right

hi zusammen,

ich habe folgendes Problem ich Spalten left - main - right ...
das geht bei Mobile prima... untereinander... jetzt ists aber so das bei viewpoint 768+ Spalten left - main - right angezeigt werden...
ich möchte das aber eigentlich erst bei den vollen 960px...

wie kann ich das einstellen???

vielen dank.
ciao

Bei der Demo hast Du doch ein schönes Beispiel?! http://demo.contao.org

hi,

sorry versteh ich nicht...

du verwendest die responsive css von Contao? Darin ist die Definition, das bei <768px schon die 3 Spalten untereinander kommen.
Jetzt hast du mehrere Möglichkeiten.
Ich würde die responsive.css deaktivieren und eine eigene erstellen.
Falls du den internen CSS Editor nimmst, die Datei assets/contao/css/responsive.css importieren und anpassen.
Im Prinzip nur die media Angabe.

Im Prinzip müsste dann das bei rauskommen:

Code:

---

/**
 * Apply the holy grail CSS layout if the screen is at least 960 pixel wide,
 * otherwise display all columns underneath each other
 *
 * @see http://www.alistapart.com/articles/holygrail
 */
@media (max-width:959px)
{
        #wrapper {
                margin:0;
                width:auto;
        }
        #container {
                padding-left:0;
                padding-right:0;
        }
        #main,#left,#right {
                float:none;
                width:auto;
        }
        #left {
                right:0;
                margin-left:0;
        }
        #right {
                margin-right:0;
        }
}

/**
 * Flexible images (videos see #4896)
 *
 * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
 */
img {
        max-width:100%;
        height:auto;
}
.ie7 img {
        -ms-interpolation-mode:bicubic;
}
.ie8 img {
        width:auto; /* see #5789 */
}

---