Wie soll das denn dann aussehen? Am ehesten wird es ja noch gehen, wenn die ehemalige linke Spalte die gleiche Breite bekommt wie die Hauptspalte und die rechte Spalte bleibt rechts daneben, kann also auch unten neben der (ehemals) linken Spalte weitergehen. Das liesse sich recht einfach machen:
Alle floats für die Spalten raus / überschreiben mit none
Beim #container padding-left raus
Bei #left die margin-left, width und das right raus / überschreiben
Bei #right position: absolute; top: 0; right 0;
Hoffentlich habe ich jetzt nichts vergessen, habe es mal im Inspektor von Firefox versucht und da hat es soweit gut ausgesehen.
Edit: Bei #right noch die margin-right natürlich überschreiben.
Edit2: Das Stylesheet mit der Media Query kann also z.B. so aussehen:
HTML-Code:
#main,
#left,
#right {
float:none;
}
#container {
padding-left:0;
}
#left {
width:auto;
left:0;
margin-left:0;
}
#right {
right:0;
top:0;
position:absolute;
margin-right:0;
}
Lesezeichen