Spalten left - main - right

[tio]

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

[ciaobello]

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

[tio]

hi,

sorry versteh ich nicht...

[BugBuster]

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:

/**
 * 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 */
}