[tschuingum]

Sinn oder Unsinn ohne Kenntnis des ganzen Inhalts zu beurteilen ist etwas schwierig, halte ich mich mal raus. Letzten Endes ist die absolute Positionierung eine der wenigen Möglichkeiten ein Element unten bündig auszurichten ... ob das im Web eine sinnvolle Entscheidung ist, muss jeder für sich selbst beurteilen; bei einem Element mit fixer Höhe (hier das Bild) aus meiner Sicht vertretbar.
Die Gefahr, dass das Bild im Nirwana verschwindet besteht nicht, solange es innerhalb des umgebenden Elements liegt (deshalb auch die Variante mit padding und nicht über eine Positionsangabe ungleich Null (z.B. right: -150px) zum Bild).

@kiwi244:
Ich glaube du machst dir das Leben immer noch unnötig schwer. Mal abgesehen davon, dass ich nicht nachvollziehen kann, warum du die überflüssigen divs behalten willst, irritiert mich deine Aussage zur Höhenangabe. In deinem Beispiel mit den drei divs wird #content immer die Höhe von #contenttext einnehmen, (#contentbild ist sowieso außen vor, da absolut positioniert; die floats kannst du dir sparen). Bleibt nur noch der Fall, dass der Inhalt von #contenttext weniger Höhe als das Bild aufweist ... um diesen abzufangen gib #content (oder #contenttext) ein min-height von der Größe der Bildhöhe mit - fertig.

[kiwi244]

[tschuingum]

Denk beim schreiben der html-Dateien NUR an die Inhalte und nicht ans Aussehen der Seite, letzteres wird erst beim css-Part interessant. Wenn ich mir die Inhalte auf deinem Screenshot anschaue, würde ich folgendes im body-Tag notieren:

[kiwi244]

Ich habe:
1. einen div, der den grauen Streifen links enthält und 100% hoch ist und dabei noch das Logo mit Montage enthält.
2 einen div, der die Navi positioniert. Diese steht aber in einer Tabelle, weil ich Listenpunkten kein gekacheltes Hintergrundbild geben kann und weil die gesammte Navi 100% breit sein sollte. Außerdem habe ich den Hintergrundbildern eine leichte Transparenz zuweisen wollen - ich hab`s nicht anders hingekriegt als in Tabelle. (Gibt`s für Tabellen denn ein NoGo-Grund?)
3. einen div für Hintergrund Inhalt - das haben wir ja hinreichend besprochen und optimiert.
4. den div mit dem unten rechts positionierten Bild.

[tschuingum]

zu 1.
überflüssig - den grauen Streifen (der kein Inhalt ist, also mit html nichts zu tun hat) kannst du problemlos dem html- oder body-Tag zuweisen

zu 2.
Tabellen sind ganz tolle Elemente ... wenn man tabellarische Daten darstellen will. Eine Navigation ist in aller Regel eine Auflistung von einzelnen Links, also ist eine Liste die semantisch einzig sinnvolle Auszeichnung. Ein div drumherum zum positionieren braucht es in keinem Fall - du kannst ein ul per css genauso behandeln wie jedes andere Blockelement. Ebenso lassen sich den Listenelementen Hintergrundbilder zuordnen.

zu 3.
siehe oben

zu 4.
warum das Bild in ein separates div??? Ein div gruppiert andere Elemente, so lange nur ein Bild vorhanden ist, gibt es nichts zu gruppieren, also ist das div überflüssig.

[kiwi244]

Danke,

ich überarbeite das morgen nochmal und poste ergebnisse.

[kiwi244]

Hallo tschuingum,

ich hab jetzt alles umgebaut (gehabt, mittlerweile wieder "zurückgebaut") und divs abgespeckt, wo ich sie nicht brauche - entweder ich krieg`s gar nicht hin - oder es geht nicht:
- weise ich den grauen soften Streifen dem body zu - an sich kein Problem, lediglich muß ich dann den Inhalt etwas nach rechts setzen.
- wenn ich aber div mittig jetzt ja ohne grausoft hintergrundbild versuche als umschließnede Element wegzukriegen, bekomme ich mit dem Zentrieren Probleme: das funktioniert aber mit dem center Tag im body.

Aber zum Schluß habe ich dann nochmal das Problem mit meinem Bild, das unten rechts innerhalb des content stehen muß ...
Wie ich`s jetzt auch gedreht habe: ich kann die Elemente nicht mehr aufeinander einrichten, daß s funktioniert wie`s jetzt funktioniert - oder ich denke irgendwo nicht konsequent um...

Der Navigation werde ich mich noch widmen - die hab ich auch mit Bauchweh in die Tabellen struktur gesetzt. Da seh ich`s ein...
Trotzdem danke für Deine Denkanstöße - ich hoffe, mein Aufbau ist jetzt nicht grundlegend falsch - in IE und Firefox jedenfalls wird es richtrig dargestellt und es gibt auch hinsichtlich der Positionierungen keine Unterschiede.

[kiwi244]

Sehr geehrter Herr Tscheguin,
ischab jetzt
den Inhalt per Tag komplett zentriert;
Das Headerbild ist nur in html mit dem Img-Tag eingefügt, erhält per class
- padding-left und
padding-top.
(Geht nicht mit dem h1-Tag, weil ich dann durch den Umbruch eine Lücke zwischen Bild und content habe)

habe noch einen div content, der den grünen Rahmen links und rechts kachelt, und ein
padding-left.
Darin den absolut positionierten div contentbild
Und darin den mit p formatierten Text, der seine Zuweisungen per class erhält.

Darunter dann die grüne Linie, auch nur noch ein Bild, das mit class ein padding erhält wie die Elemente oben.

Jetzt aber! So passt`s doch, oder?
(Mönsch, eigentlich wollte ich heute die Navi schaffen - das kann ich knicken, ich hab nur noch ne Stunde - aber zumindest hab ich ein leichtes Erfolgsgefühl )