dave: 3-spaltiges Layout: Reihenfolge der Spalten im Quellcode

Beitrag lesen

Hi,

.ontent muss die verfügbare Breite einnehmen und einen entsprechenden padding oder margin in der Breite der aside-Spalte haben. links relativ um die Breite der aside-Spalte verschoben werden

Damit es die komplette verfügbare Breite einnimmt darf es kein float haben oder?
padding- bzw. margin-left UND links relativ entsprechend der Breite der aside-Spalte ist doch doppelt oder?
Wenn ich beides angebe ragt das Element auf jeden Fall über den body hinaus.

Die aside-Spalte positionierst du dann mit position relative nach ganz links (um 100% des Elternelement und verpasst ihm zusätzlich rechts einen negativen margin um seine eigene Breite.

Insgesamt denkst du dir das also so?

body {  
	max-width:800px;  
	min-width:400px;  
}  
.aside {  
	float:left;  
	background:blue;  
	width:100px;  
	position:relative;  
	left:-100%;  
	margin-right:-100px;  
}  
.content {  
	position:relative;  
	background:red;  
	left:100px;  
	margin-left:100px;  
}

Oder hab' ich da einen Denkfehler?

Wenn ich das so umgesetzt habe wie du dir gedacht hast, dann ja.
Allerdings hatte ich Probleme deiner Beschreibung so ganz zu folgen.

~dave