Simple 3 Div Frage

[roteisenklinge]

Hey,
ich arbeite gerade an einem Homepage Design. Nun stellt sich mir ein kleines/großes CSS Problem.

Habe vorher Divs immer detailiert in px angegeben positionierung mittels margin &padding .

Nun wollte ich aber ala Youtube/Facebook und fast jede normale Webseite im Internet gleich, eine 3-Div Seite erstellen.


Div 1 Links Div Mitte Div Rechts

-Breite soll sich anpassen -feste Breite 960px -so wie Div Links
notfalls kleiner werden

Hier der CSS Code.

 #links {
    float: left;
	min-width:1% auto;
	
    }

    #mitte {
	width: 960px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	background-color: #fdfdfd;
	border:1px solid #d9d9d9;
    }

    #rechts {
    float: right;
	min-width:1% auto;
    }

Im Endeffekt sollte es dann so sein, wenn man z.B ne andere Auflösung hat oder das Browserfenster verkleiner, sich die Div anpassen und der Main (mitte) Div erhalten bleibt.

2 Fragen dazu.


- ist der Ansatzt richtig?

- Was hab ich falsch gemacht, nähmlich bei der Vorschau entspricht das alles nicht meinen AngabenxD
Vielen Dank für eure Hilfe.

keiner ne Lösung?

[ClOuDy.]

Großes Div (960px) > 3 Divs - alle mit %-Breite

Oder einfach alles in %, wobei das ne Menge arbeit ist und mit Layouts probleme macht.
Das 960er Grid soll nciht unbedingt kleiner werden

[~iceT~]

setz deinen Body einfach auf die gewünschte Breite und verfrachte ihn in die Mitte...

PHP Code:

 body {
    width:800px;
    margin:0 auto;
} 


[Synturas]

das hier könnte auch noch helfen :

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }