Kommentare zu: Zentriertes HTML/CSS-Seitenlayout ohne Tabellen http://blog.jbbr.net/2009/11/08/zentriertes-html-seitenlayout-ohne-tabellen/ Mac, Internet, Sicherheit, Freizeit & mehr Fri, 23 Jul 2010 21:00:35 +0000 hourly 1 http://wordpress.org/?v=3.0 Von: Loadenhttp://blog.jbbr.net/2009/11/08/zentriertes-html-seitenlayout-ohne-tabellen/comment-page-1/#comment-3785 Loaden Tue, 16 Feb 2010 20:03:57 +0000 http://blog.jbbr.net/?p=985#comment-3785 Ein gutes Beispiel für einen zentriertes Layout mit 100% Höhe findest du hier: http://www.monkey-business.biz/88/horizontal-zentriertes-100-hohe-css-layout/ Ein gutes Beispiel für einen zentriertes Layout mit 100% Höhe findest du hier:
http://www.monkey-business.biz/88/horizontal-zentriertes-100-hohe-css-layout/

]]> Von: tofixhttp://blog.jbbr.net/2009/11/08/zentriertes-html-seitenlayout-ohne-tabellen/comment-page-1/#comment-3724 tofix Tue, 17 Nov 2009 22:14:44 +0000 http://blog.jbbr.net/?p=985#comment-3724 Moin moin, wieso steht da die linke Kante in der Mitte? Das kann ich nun nicht so ganz nachvollziehen. In diesem wp ist der Inhalt auch so zentriert und das funktioniert doch auch. Es funktioniert lediglich nicht in diversen ie-Versionen, sofern kein Doctype wie < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> o.ä. vorhanden ist. Aber der gehört ja zu jeder Seite dazu. Klar läuft deine Version auch - die ist mir auch bekannt. Was mir aber an der obigen etwas besser gefällt ist, dass man nicht so viel rechnen muss... lg tofix Moin moin,
wieso steht da die linke Kante in der Mitte? Das kann ich nun nicht so ganz nachvollziehen.
In diesem wp ist der Inhalt auch so zentriert und das funktioniert doch auch.
Es funktioniert lediglich nicht in diversen ie-Versionen, sofern kein Doctype wie < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> o.ä. vorhanden ist.
Aber der gehört ja zu jeder Seite dazu.
Klar läuft deine Version auch – die ist mir auch bekannt. Was mir aber an der obigen etwas besser gefällt ist, dass man nicht so viel rechnen muss…
lg tofix

]]> Von: Asmodielhttp://blog.jbbr.net/2009/11/08/zentriertes-html-seitenlayout-ohne-tabellen/comment-page-1/#comment-3720 Asmodiel Mon, 09 Nov 2009 21:56:33 +0000 http://blog.jbbr.net/?p=985#comment-3720 Hallo! Das stimmt so nicht ganz.#wrapper wird in deinem Beispiel nicht ganz zentriert - das ist ja das Problem. In dem Falle würde die linke Kante (sieht man vor allem bei divs mit Rändern) in der Mitte sein, der rest des Elements eben nach rechts verschoben. Deswegen hier - du hast den Vorteil, dass du von einem festen Maß ausgehst - aufpassen und statt margin: 50px auto; brauchst du etwas anderes: left: 50%; margin: 50px -250px; [<-- Hier musst du das div wieder um die Hälfte nach links verschieben, damit es stimmt]Schönen Gruß Michał Słupczyński Administrator http://asmodiel.de Hallo!
Das stimmt so nicht ganz.

#wrapper wird in deinem Beispiel nicht ganz zentriert – das ist ja das Problem.
In dem Falle würde die linke Kante (sieht man vor allem bei divs mit Rändern) in der Mitte sein, der rest des Elements eben nach rechts verschoben.
Deswegen hier – du hast den Vorteil, dass du von einem festen Maß ausgehst – aufpassen und statt margin: 50px auto; brauchst du etwas anderes:
left: 50%; margin: 50px -250px; [<-- Hier musst du das div wieder um die Hälfte nach links verschieben, damit es stimmt]

Schönen Gruß
Michał Słupczyński
Administrator http://asmodiel.de

]]>