nicht angemeldet
Ganze Site per css im Browser zentrieren
Hallo
Für ein aktuelles Projekt habe ich ein Design einer Website, die auf einer fixen Grösse (750 x 500) immer im Browserfenster zentriert werden soll. Bis anhin löste man das ja mit verschachtelten Tabellen sehr einfach. Nun meine Frage: Macht es Sinn, dies nun alles per css zu lösen und hat jemand einen Tipp, wie man das am einfachsten macht?
Besten Dank
Pierre
-
Hallo,
Für ein aktuelles Projekt habe ich ein Design einer Website, die auf einer fixen Grösse (750 x 500) immer im Browserfenster zentriert werden soll.
Nur horizontal zentrieren? => Das geht ganz gut mit CSS...
http://www.netandmore.de/faq/fom-serve/cache/1239.html
http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/Vertikal ist etwas kniffliger.
Wenn die Hoehe fix ist (was bei Dir offenbar der Fall ist),
bringst Du es aber evtl. auch mit CSS hin.
Guck mal hier fuer eine erste Idee:http://www.tiptom.ch/homepage/faq.html?q=tabzentriert
Gruesse,
Thomas
-
Danke erst mal. Werd versuchen, das umzusetzen. Das Problem bei der vertikalen Zentrierung ist, dass die Tabelle hier flexibel bleibt und ich ein div möchte, dass eine feste Grösse hat.
Ich werd mal ein bisserl rumknobeln.Darf ich aber nochmal nachfragen, was aus eurer Warte in diesem Falls die bessere Lösung ist: Tabelle oder css? Und wenn css, wieso?
Pierre
-
Hallo,
Darf ich aber nochmal nachfragen, was aus eurer Warte in diesem Falls die bessere Lösung ist: Tabelle oder css?
Ohne zu wissen, um was fuer Inhalte es geht, kann man das nicht sagen.
Wenn es Dir nur ums Zentrieren geht, ist eine Tabelle
(z.B. mit nur einer Zelle) oder gar eine Verschachtelung
von Tabellen totaler Unsinn.
Fuer Layout gibt es CSS.HTML Tabellen sollte man nur fuer tabellarische Daten brauchen.
Das W3C raet in zwei Publikationen aus dem Jahr 1999
davon ab, Tabellen fuer Layout-Zwecke zu gebrauchen.HTML 4.01 Specification (Dezember 1999)
http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.1:
"Tables should not be used purely as a means to layout
document content as this may present problems when
rendering to non-visual media."Web Content Accessibility Guidelines 1.0 (Mai 1999)
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/#gl-table-markup
"Tables should be used to mark up truly tabular information
('data tables'). Content developers should avoid using
them to lay out pages ('layout tables')."Lies aber auch das hier: </archiv/2004/1/70365/#m405352>
und such mal nach "molily", "Tabellen" und "Barrierefreiheit" ;-)
http://selfsuche.teamone.de/cgi-bin/such.pl?feld=alle&hits=100&case=on¨aute=on&index_5=on&index_6=on&index_7=on&suchausdruck=molily+Tabellen+BarrierefreiheitGruesse,
Thomas
--
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/-
Schön und gut, aber mit CSS geht nunmal nicht alles was so mit Tables geht. ist einfach so.
ein Konstrukt wie folgt
<tr><td></td><td></td><td></td></tr>klappt in css nie vernünftig oder nicht in allen (aktuellen) Browsern gleich.
-
Hallo.
Schön und gut, aber mit CSS geht nunmal nicht alles was so mit Tables geht. ist einfach so.
Und mit Tabellen geht vieles nicht, was mit anderen Mitteln geht. Es geht aber um die Tabelle als als Träger der ihr ursprünglich zugedachten Funktion.
ein Konstrukt wie folgt
<tr><td></td><td></td><td></td></tr>klappt in css nie vernünftig oder nicht in allen (aktuellen) Browsern gleich.
Wenn es sich um tabellarische Inhalte handelt, kann ich diese Auszeichnung doch verwenden. Wenn es sich um keine tabellarischen Inhalte handelt, stellen es die meisten Browser natürlich auf deinen expliziten Wunsch fälschlicherweise tabellarisch dar.
MfG, at
-
-
-
-