Hallo liebes Forum

bin gerade dabei meine erste Page auf Basis von html/xhtml css und cms (contenido) zu basteln.

Jetzt habe ich grade ein kleines Versändnissproblem bei dem ich von selbst nicht auf die Lösung komme und hoffe das ihr mir weiterhelfen könnt.
Is warscheinlich nur ein Noob-Problem, aber nicht lachen
Habe schon die Suche bemüht, aber weis nicht so recht nach was ich da suchen soll.

Folgende Situation.
http://rock-tabs.de/mediasolution/cms/

Und zwar brauche ich diese beiden Div Tags übereinander.
Hier mein css für die beiden Divs. Das obere ist "weiss" das untere ist "transparent"

Klar mit z-index dachte ich, aber das funktioniert nur wenn ich die position:absolute setze. Aber dann rutscht auch alles nach links und ich möchte es ja mittig haben.

Klar könnte ich das jetzt auch im html/xhtml mit einer Tabelle machen, aber das ist ja auch nicht der Sinn der sache, denn ich würde ja gerne alles barrierefrei und in reinem css aufbauen. (nicht wundern..die hauptnavi ist noch mit Tabelle...aber das kommt noch raus)

Könnt ihr mir weiterhelfen?
Wie bekomme ich die beiden Divs nebeneinander obwohl es mittig bleiben soll? (also die beiden roten Blöcke müssten nebeneinander).

Lieben Dank schonmal und ich hoffe diese noobie Frage ist für euch kein Problem.

Lg
Basti

Du wiedersprichst dich - willst du die DIVs nun übereinander oder nebeneinander haben?

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Also zum einen komme ich auf Wikipedia wenn ich Deinen Link anklicke

Divs übereinander zu legen geht nunmal nur mit z-index und position:absolute, anders ist das nicht möglich.

mit "lefty px" zentrierst du übrigens diese Divs. Wenne s genau mittig sein soll ist es etwas tricky, wird aber hier auch in einigen Threads beschrieben

Und das ist Quatsch. Wenn man DIVs simpel verschachtelt, liegen sie übereinander, z.B.

<div><div>Der Inhalt</div></div>

Ohne jedes Stück CSS. Was man jetzt noch machen kann, ist den DIVs ein Hintergrundbild und gemeinsame Breite zu geben, oder dem inneren DIV eine bestimme Höhe (das andere passt sich dann an) - solange man kein float oder position benutzt, bleibt das DIV im anderen "übereinander".

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Natürlich hast Du recht, aber er sagt ja übereinander und nicht schachteln!

Und das macht schon Sinn, wenn sich zwei Divs mit den Inhalten ergänzen sollen. Einer von uns beiden versteht nicht was er eigentlich gefragt hat. Vielleicht klärt uns der Threadstarter mal auf!

Guten Morgen

hmm scheinbar undeutlich ausgedrückt.
Hier mal ein Screenshot und wie ich mir das vorgestellt habe:


Das mit dem nebeneinander habe ich so gemeint, das ich div1 und div3 (bzw auch div4) nebeneinander bekomme. Und da war ein Gedankenansatz, dass ich div3 genausogroß machen wie div1 und die dann übereinanderlege, was aber ja wegen "position:relative" nicht funktioniert.

Wisst ihr jetzt was ich meine?
Lieben Dank schonmal für eure Mühe

Grüße aus München

Basti

Dann hat Boris recht

Es funktioniert, aber ist in dem Fall total unnötig. Du musst einfach nur die Divs schachteln, mehr nicht. ich glaube Du solltest Dich da nochmal auf www.css4you.de mit den grundlegenden Prinzipien eines Div Layouts auseinandersetzen.

Kann aber auch sein, das ich immer noch nicht verstehe was Du mit "Div 3 genauso groß wie Div1 und die dann übereinanderlegen" meinst

Du solltest dich vielleicht auch mit floats anfreunden und nicht mit absoluter/relativer Positionierung arbeiten

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic