Hallo liebe Spezialisten ...

habe ein Problem mit meinem XHTML - Layout und bin grad zu vernagelt um den Fehler zu erkennen ... wenn ihr kurz nen Blick auf folgenden link werft --> XHTML Website | Startseite <-- sollte der Fehler gleich ins auge stechen !
Das Container Element wird vom Inhalt nicht auf die benötige Höhe gestreckt

Ich arbeite mit absoluten Positionierungen - aber den Inhalt habe ich extra in ein "normales" div-element (<div id="content">) gepackt. Dieser sollte doch das Elternelement (<div id="c-body">) auf die benötigte Höhe strecken!

Aufgefallen ist mir noch das FireBug das Content-element nicht korrekt anzeigt ... bzw nur den "margin-top" ...

Bitte um nen kurzen wink mit dem Zaunpfahl wie ich das Problem lösen könnte ...

Vielen Dank im Voraus

Hi,

wer floatet muss auch clearen, damit das umgebende Elemet die Floats einschließt.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

[FAQ]FAQ[/FAQ] Punkt 2. #footer kann innerhalb von #content stehen und die beiden floatenden Spalten clearen (sein pos. abs. muss dann aber raus).

Deine vielen abs. pos. leeren Elemente sind übrigens sehr unschön und allesamt überflüssig. Du hast genug vorhandene Elemente (notfalls lieber verschachteln, aber nie leere verwenden!) und kannst viele Einzelgrafiken mit anderen zusammenfassen (weiterer Vorteil: durch weniger HTTP-Anfragen bessere Performance).

Außerdem brauchst Du keinerlei Alphatransparenz, zumal diese es Dir extrem erschwert, die Seite im IE < 7 korrekt aussehen zu lassen (dort geht in Bezug auf Deine pngs momentan gar nichts).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

das war ja wirklich fixxx !!! - Danke !

@hubspe & heiko_rs

danke für den clear hinweis .. hab ich total vergessen ...
ist jetzt drinnen und das "content" element wird im FireBug auch korrekt angezeigt ...


Aber das ändert mein HauptProblem immer noch nicht ...
der "c_body" passt sich immer noch nicht an die höhe des "content" an ...

ist es mit diesem Layout zu bewerkstelligen ... kann es sein das wenn auch nur ein einziges absolut positioniertes element im Elternelement befindet sich dieses nicht mehr durch "normal" positionierte inhalte strecken lässt ?

(das bingt mich selbst auf ne Idee werde es mal kurz versuchen - bis gleich mal *g*)

Jup werde die grafiken am Ende in eine Grosse zusammen fassen ...

dazu sag ich nur ... weiss ich aber IE6 ist mir WURSCHT --> IE Death March

lg

Alexx

hmm ... das wars leider nicht .. habe jetzt testweise alle absolut positionierten elemente aus dem "c_body" Element entfernt ... jetzt ist nur noch das "content" Element drinnen ...

siehe XHTML Website | Startseite

leider wird der c-body immer noch nicht gestreckt ... *grummel*

aber immerhin ist bei diesem Link das Problem vielleicht leichter ersichtlich ...

ich würde gern diese Methode des layouts beibehalten weil der Container so in der Breite und Höhe jederzeit variabel ist (dieser ist es - versucht einfach mal mit firebug die Breite oder höhe des "container" zu ändern)

... hat noch jemand ne bessere Idee ?

Du brauchst kein leeres clear-Element, da #footer das genauso kann.

Nein, weil #c_body mit allen 4 Offsets abs. pos. ist, innerhalb von #container mit min-height und (!) height...

Klar, solange es Deine eigene Seite ist, kannst Du ja machen was Du willst (d.h. solange man solche "Kriege" nicht auf dem Rücken seiner Kunden austrägt).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

hallo Heiko ...

danke fürs behirnen ... !

Ich wüsste natürlich auch wie ich es lösen könnte wenn ich auf ein klassisches layout umstelle ... wollte aber mal was neues probieren ...

Du meinst also es gibt -keine- Möglichkeit wie man es mit diesem Ansatz lösen könnte ?

Doch, jegliches pos. abs. sowie height raus.

#content kann natürlich min-height bekommen, dann wird #footer bei wenig Inhalt trotzdem nach unten geschoben (und die gesamte Seite dadurch höher als der Inhalt erfordert).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

nochmal danke fürs mitdenken ...

Dank Mathias aus dem SelfHTML Forum - bin ich jetzt ein gutes Stück weiter mit meiner Idee vom Container mit dynamischer Breite & Höhe ...
in dem ich auch noch dazu absolut positionieren kann !

siehe da: XHTML Website | Startseite

Bin für Verbesserungen / Verfeinerungen offen !
zB: Wie ich es am Besten mit dem Oberen Bild lösen könnte ... hmmm mit einem eckigen container wäre es leicht ...

lg & gute Nacht

Alexx

Moin,

das ist keine Idee, sondern die Absicht mit Gewalt einen Unfug zu veranstalten auf den schon 1000 Leute vor dir gekommen sind und übereinstimmend festgestellt haben das es wg. der Nachteile halt Unfug ist.

Du wirst das Rad nicht neu erfinden, das haben schon andere vor dir getan. Euphorische Erkenntnis schön und gut, hatten wir alle schon.
Davon besoffen sein führt zu den Nachteilen, die Besoffenheit nun mal mit sich bringt.

Da kann ich mich Heiko nur anschließen. Ich hoffe auch, das du das nicht auf dem Rücken deiner Kunden austrägst.

Zum Schluß noch: Crossposting ist hier gar nicht gern gesehen.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus