Vielleicht interessiert es einem oder anderem. Ich habe jetzt auch eine Erklärung der Methode in XHTMLForum geschrieben:
Methode zur Erzeugung gleich hohen Spalten
Morgen allerseits,
die Frage, die ich im XHTMLForum gestellt habe, möchte ich gerne auch Euch stellen. Es geht um Techniken mit denen man Layouts mit gleich hohe Spalten erzeugt. Da ich gerade auf meiner Website meine Technik dafür veröffentlicht habe, brauche ich nicht die schon bekannten Techniken auf zu zählen und zu fragen, ob Ihr noch weitere kennt. Schaut Euch bitte meine Demo-Layouts und den im XHTMLForum geposteten Quellcode an. Ist diese Technik Euch schon bekannt, kennt Ihr sie von wo anders her?
„Equal Height Columns“, „Companion Columns“. Was gibt es noch? - XHTMLforum
Demo-Layouts : CSS-Layouts mit gleich hohe Spalten :: emil-webdesign.net
Danke!
Geändert von etux (01.05.2012 um 20:18 Uhr)
Grüße: Emil
http://emil-webdesign.net/; CSS-Layouts: Gleich hohe Spalten, Inhalt zuerst. TYPO3-Templates.
Vielleicht interessiert es einem oder anderem. Ich habe jetzt auch eine Erklärung der Methode in XHTMLForum geschrieben:
Methode zur Erzeugung gleich hohen Spalten
Grüße: Emil
http://emil-webdesign.net/; CSS-Layouts: Gleich hohe Spalten, Inhalt zuerst. TYPO3-Templates.
Hi,
deine Methode entspricht ja der von Equal Height Columns with Cross-Browser CSS and No Hacks . Ich bevorzuge jedoch die Methode mit Divs in überstreckter Höhe, da erspare ich mir das ganze verschachtelte.
Armin
Nichts kommt von selbst, sogar eine Dummheit muss man erst machen.
Tipps und Tricks zu TYPO3: http://typo3.intervation.de
Folge mir auf http://twitter.com/intervation
Agentur: Ideenwerft Werbeagentur
Hallo Armin,
Ja und nein. Vom html-Quellcode her sind sie identisch. Aber die CSS-Formatierung ist anders.
Der Vorteil bei meiner Variante ist, dass sich keine Hintergrunde überlappen. Man kann also pro Spalte separat Hintergrundfarbe und/oder Hintergrundbild definieren. Die Spalten können auch räumlich von einander getrennt dargestellt werden.
Ähnlich wie bei der von Dir gerne benutzten Methode, die ja auch in den meisten Fälle sehr gut anwendbar ist. Bei ihr wird allerdings „overflow: hidden;“ benutzt – was zu Probleme führt, wenn z.B. durch negative Margins Elemente teilweise oder ganz aus den Spalten gezogen werden oder die Spalten „Sprung-Links“ enthalten usw... Ist ja alles bekannt.
Bei meiner Methode treten solche Probleme (bis jetzt) nicht auf. Mittlerweile habe ich auch die alte Geckos-Browser im Griff (entscheidender Hinweis kam im XHTMLForum). Problematisch ist nur noch der IE 5 Mac.
Grüße: Emil
http://emil-webdesign.net/; CSS-Layouts: Gleich hohe Spalten, Inhalt zuerst. TYPO3-Templates.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen