Simple 3 Div Frage

07/20/2012 16:41 roteisenklinge#1
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.



HTML 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?
07/22/2012 22:47 ClOuDy.#2
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 ;)
07/24/2012 03:39 ~iceT~#3
setz deinen Body einfach auf die gewünschte Breite und verfrachte ihn in die Mitte...

PHP Code:
 body {
    
width:800px;
    
margin:0 auto;

07/26/2012 02:46 Synturas#4
das hier könnte auch noch helfen :

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