Div-Formatierungs-Probleme

Diskutiere Div-Formatierungs-Probleme im HTML Forum im Bereich Programmierung; Heyho liebe Leute, ich muss für die Uni eine Homepage basteln und dazu muss ich nen bisl mit Div rumbasteln... Allerdings verwirrt mich dieses...
  • Div-Formatierungs-Probleme Beitrag #1
D
DivNoob
New member
Beiträge
1
Punkte Reaktionen
0
Heyho liebe Leute,

ich muss für die Uni eine Homepage basteln und dazu muss ich nen bisl mit Div rumbasteln...

Allerdings verwirrt mich dieses Float-Gedönse vollkommen.

Ich brauche folgende Formation

--------Div......#.......Div--------
--------..........#...........--------
--------Div.....DIV.....Div--------
--------..........#...........--------
--------Div......#.......Div--------

links oben, rechts oben, links unten und rechts unten haben fest höhen und breiten

links mitte rechts ham feste breite und die höhe soll sich dem text anpassen

(mitte ist immer so hoch wie alle links bzw rechts zusammen)

die breite ist bei links und rechts fest

die mitte soll die breite zwischen links und rechts füllen (zur not wird die halt auch fest gemacht)

die striche solln den hintergrund darstellen

mit dem Float gedönse komme ich immer nur aufs Divs nebeneinander

und mit clear:both und dann wieder Float krieg ich mit der mitte probleme

bitte um Hilfe.

PS: Kann mir auch mal einer erklären warum man heut zu tage keine Tables mehr zum formatieren benutzen darf? =(

Lieben Gruß

Der DivNoob
 
  • Div-Formatierungs-Probleme Beitrag #2
H
headhunter
Active member
Beiträge
26
Punkte Reaktionen
0
#links
{
float: left;
width: "deine gewählte größe";
}

#rechts
{
float: rigth;
width: "deine gewählte größe";
}

Das sind deine beiden Seitenspalten ;)
ich mache es immer so, dass ich nun meinen kompletten inhalt in nen div klatsche und ihn "alles" nenn.
#alles { margin: 0px auto; width: 980px; }

zwischen links und rechts haust du nun deinen hauptdiv.


achtung! habe es selbst nicht ausprobiert. bitte nicht sauer sein, falls iwo nen denkfehler ist ;)
 
Thema:

Div-Formatierungs-Probleme

Oben Unten