Kommentare zu: Ein flexibles, SEO-gerechtes Layout http://rattlab.net/2008/08/ein-flexibles-seo-gerechtes-layout/ Web, Programmierung und anderes Zeuch Mon, 08 Mar 2010 13:30:16 +0100 http://wordpress.org/?v=2.8.4 hourly 1 Von: Matthias Balke http://rattlab.net/2008/08/ein-flexibles-seo-gerechtes-layout/comment-page-1/#comment-26 Matthias Balke Sun, 30 Nov 2008 09:55:20 +0000 http://www.rattlab.net/?p=11#comment-26 Herzlichen Dank für die schnelle Hilfe, das scheint gut zu funktionieren! Herzlichen Dank für die schnelle Hilfe, das scheint gut zu funktionieren!

]]> Von: ex-ratt http://rattlab.net/2008/08/ein-flexibles-seo-gerechtes-layout/comment-page-1/#comment-25 ex-ratt Mon, 10 Nov 2008 18:37:14 +0000 http://www.rattlab.net/?p=11#comment-25 Jau, liegt tatsächlich an meinem Code. Genau das gleiche Problem hatte ich auch mit dieser Seite hier, hatte das aber gelöst und zum Zeitpunkt des Schreibens schon irgendwie vergessen. Hab gerade mal ein bisschen rumprobiert und kann dir eine Lösung anbieten. Der Internet Explorer hat ein Problem damit, dass die Sidebar zur Seite floatet und will sie nicht weiter nach außen rücken. Man könnte jetzt das negative Margin also noch größer machen (vom Betrag her) und es würde sich nichts ändern. Damit die Seite vernünftig aussieht, müssen zwei Dinge gemacht werden: 1. die float-Eigenschaft wegmachen - da die Sidebar (zumindest in meinem Beispiel) der letzte Inhalt im Wrapper ist und dieser danach zu Ende ist, ist das einfach machbar 2. die margin-Eigenschaft umschreiben und einen Abstand nach links festlegen (auf auto) Ausgehend von meinem Beispiel oben (kurz vor der Überschrift "Variante mit Faux Columns") ändert man die Sidebar-Eigenschaften also: div#sidebar { margin-right: -200px; margin-left: auto; width: 200px; height: 400px; background-color: green; } Versuch das mal so :) Jau, liegt tatsächlich an meinem Code. Genau das gleiche Problem hatte ich auch mit dieser Seite hier, hatte das aber gelöst und zum Zeitpunkt des Schreibens schon irgendwie vergessen. Hab gerade mal ein bisschen rumprobiert und kann dir eine Lösung anbieten.

Der Internet Explorer hat ein Problem damit, dass die Sidebar zur Seite floatet und will sie nicht weiter nach außen rücken. Man könnte jetzt das negative Margin also noch größer machen (vom Betrag her) und es würde sich nichts ändern. Damit die Seite vernünftig aussieht, müssen zwei Dinge gemacht werden:
1. die float-Eigenschaft wegmachen – da die Sidebar (zumindest in meinem Beispiel) der letzte Inhalt im Wrapper ist und dieser danach zu Ende ist, ist das einfach machbar
2. die margin-Eigenschaft umschreiben und einen Abstand nach links festlegen (auf auto)

Ausgehend von meinem Beispiel oben (kurz vor der Überschrift “Variante mit Faux Columns”) ändert man die Sidebar-Eigenschaften also:

div#sidebar {
margin-right: -200px;
margin-left: auto;
width: 200px;
height: 400px;
background-color: green;
}

Versuch das mal so :)

]]> Von: Matthias Balke http://rattlab.net/2008/08/ein-flexibles-seo-gerechtes-layout/comment-page-1/#comment-24 Matthias Balke Mon, 10 Nov 2008 15:58:17 +0000 http://www.rattlab.net/?p=11#comment-24 Hey erstmal möchte ich dir zu deinem sehr gelungenen Artikel gratulieren! Ich habe sehr lange gesucht bis ich einen so gut und verständlich geschriebenen Artikel zu diesem Thema gefunden habe, der sich wirklich nur auf das Wichtigste konzentriert! Ich habe nun aber ein Problem, mit meiner so layouteten Seite. Und zwar scheint es ein Redering-Problem im IE7 zu geben, ich bin allerdings nicht sicher ob das an deinem Layout oder meinem Code liegt. Vielleicht haste sowas ja schonmal gesehen. Der Rahmen vom Content verschmilzt mit dem Rahmen der rechten Sidebar: http://share.matthias-balke.de/pics/ie7bug2.PNG Matthias Hey erstmal möchte ich dir zu deinem sehr gelungenen Artikel gratulieren! Ich habe sehr lange gesucht bis ich einen so gut und verständlich geschriebenen Artikel zu diesem Thema gefunden habe, der sich wirklich nur auf das Wichtigste konzentriert!

Ich habe nun aber ein Problem, mit meiner so layouteten Seite. Und zwar scheint es ein Redering-Problem im IE7 zu geben, ich bin allerdings nicht sicher ob das an deinem Layout oder meinem Code liegt. Vielleicht haste sowas ja schonmal gesehen. Der Rahmen vom Content verschmilzt mit dem Rahmen der rechten Sidebar:
http://share.matthias-balke.de/pics/ie7bug2.PNG

Matthias

]]> Von: Buch: Fortgeschrittene CSS-Techniken - rattlab.net http://rattlab.net/2008/08/ein-flexibles-seo-gerechtes-layout/comment-page-1/#comment-8 Buch: Fortgeschrittene CSS-Techniken - rattlab.net Sat, 13 Sep 2008 20:33:13 +0000 http://www.rattlab.net/?p=11#comment-8 [...] Natürlich habe ich nach der Technik Ausschau gehalten, die ich vor einer Weile im Artikel “Ein flexibles, SEO-gerechtes Layout” beschrieben habe. Sie fand sich als eine von mehreren Möglichkeiten, “Content first” [...] [...] Natürlich habe ich nach der Technik Ausschau gehalten, die ich vor einer Weile im Artikel “Ein flexibles, SEO-gerechtes Layout” beschrieben habe. Sie fand sich als eine von mehreren Möglichkeiten, “Content first” [...]

]]>