zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Elternelement wird nicht auf die benötigte Höhe gestreckt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.06.2009, 20:18
verplanter photographiker
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2009
Ort: Wien Umgebung
Beiträge: 7
photografx befindet sich auf einem aufstrebenden Ast
Standard Elternelement wird nicht auf die benötigte Höhe gestreckt

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.06.2009, 20:25
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

wer floatet muss auch clearen, damit das umgebende Elemet die Floats einschließt.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.06.2009, 20:29
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

[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.)

Geändert von heiko_rs (30.06.2009 um 20:32 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 30.06.2009, 20:51
verplanter photographiker
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2009
Ort: Wien Umgebung
Beiträge: 7
photografx befindet sich auf einem aufstrebenden Ast
Standard Wow

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*)

Zitat:
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).
Jup werde die grafiken am Ende in eine Grosse zusammen fassen ...

Zitat:
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).
dazu sag ich nur ... weiss ich aber IE6 ist mir WURSCHT --> IE Death March

lg

Alexx
Mit Zitat antworten
  #5 (permalink)  
Alt 30.06.2009, 21:12
verplanter photographiker
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2009
Ort: Wien Umgebung
Beiträge: 7
photografx befindet sich auf einem aufstrebenden Ast
Standard nicht die ganz richtige idee ...

Zitat:
(das bingt mich selbst auf ne Idee werde es mal kurz versuchen - bis gleich mal *g*)
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 ?
Mit Zitat antworten
  #6 (permalink)  
Alt 30.06.2009, 21:12
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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

Zitat:
Zitat von photografx Beitrag anzeigen
der "c_body" passt sich immer noch nicht an die höhe des "content" an
Nein, weil #c_body mit allen 4 Offsets abs. pos. ist, innerhalb von #container mit min-height und (!) height...

Zitat:
Zitat von photografx Beitrag anzeigen
IE6 ist mir WURSCHT --> IE Death March
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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 30.06.2009, 21:19
verplanter photographiker
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2009
Ort: Wien Umgebung
Beiträge: 7
photografx befindet sich auf einem aufstrebenden Ast
Standard

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 ?
Mit Zitat antworten
  #8 (permalink)  
Alt 30.06.2009, 21:31
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #9 (permalink)  
Alt 01.07.2009, 02:12
verplanter photographiker
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2009
Ort: Wien Umgebung
Beiträge: 7
photografx befindet sich auf einem aufstrebenden Ast
Standard Juhu !!!!

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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 01.07.2009, 07:55
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Moin,

Zitat:
Zitat von photografx Beitrag anzeigen
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 !
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.

Zitat:
Zitat von photografx Beitrag anzeigen
dazu sag ich nur ... weiss ich aber IE6 ist mir WURSCHT --> IE Death March
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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
DIV: Ausfüllen restlicher Höhe bei weiterem DIV mit fixer Höhe danoman CSS 5 24.04.2011 18:38
Divv 100% Höhe mit Hintergrundbild Gsicht CSS 0 24.03.2009 08:30
Probleme mit der Breite und Höhe nach Padding BoFiaZ CSS 1 12.03.2009 10:21
Tablle mit 100% Höhe in IE Be1er0ph0r CSS 4 03.03.2007 16:15
3 spalten layout - immer auf gleiche höhe "auffüllen&qu dimension CSS 2 22.09.2004 12:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:50 Uhr.