Html & Css dynamische Anpassung Hilfe?!?

07/26/2014 23:56 Masterkroko1#1
Ahoi Community,

ich benötige mal wieder eure Hilfe. :(

Da meine jetzigen Css Kenntnisse nicht grad die besten sind such ich Hilfe bei euch.

Als erstes das gemalte Bild (sorry wenns nicht grad sauber gemalt ist).
[Only registered and activated users can see links. Click Here To Register...]

Der Obere Bereich (wo Startseite steht) soll ca. 30px hoch sein.
Der untere Bereich (wo ein Chat und die Zeit abgebildet sind) soll auch 30px hoch sein.
Beide über die Gesamte Breite vom Browser.

Dies ist ja relativ einfach nun zum Teil in der Mitte.

Ich hab dort sagen wir mal 21 divs (wie aufm Bild) jedes div hat eine feste Breite und Höhe eventuell 80x80px. Jedoch soll nun der Abstand zu jedem anderen div sich automatisch an die Breite des Browsers anpassen. Sodass das wenn der Browser auf ein 19" / 22" geöffnet ist kein scroller auftaucht.
Es soll zwischen 600px - 1600px Breite die Divs sich immer den passenden Abstand berrechen wenn der Browser kleiner als 600px wird kann ruhig ein scroller auftauchen. :confused:

Könnte mir wer dabei behilflich sein? :handsdown:

Ich hoffe es versteht jemand :'D wenn nicht fragt :D

Mfg
Masterkroko
07/27/2014 11:05 ~ JWonderpig ~#2
Schau dir mal Media Queries oder das Gridsystem von [Only registered and activated users can see links. Click Here To Register...] an