HP mit div umsetzten

chrisi10 · 07.04.2005, 10:33

Hallo
Ich hab vor ca. einem Jahr die HP für unsere Landeseinrichtung gemacht. Ich arbeite mit DW MX und versuche so viel als möglich (für meine Wissensverhältnisse) mit css zu gestalten. Jetzt hab ich vor unsere Seite zu überarbeiten und mit neuen Infos und Bildern zu erweitern. Da ich aber damals mit Tabellen gearbeitet habe, komm ich der Versuchung nahe, die ganze HP neu zu machen und nur mit div's zu arbeiten und diese mit css zu platzieren und zu gestalten. Es entsteht dadurch auch wesentlich weniger html-Text. Was haltet ihr mal generell zu diesem Ansatz?
Weitere Fragen stelle ich dann nache euren Meinungen.

Ps.: Ich hab schon ein wenig herumprobiert, das Ergebnis im IE freut mich. Im FF ist es katastrophal.

Grüße
Chris

Boris · 07.04.2005, 11:01

Für ein ordentlich funktionierendes Design auf CSS-Basis benötigst Du erstmal einen korrekt gesetzten DOCTYPE, z.B.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

So wird die Ausgabe im IE genau so wie im Firefox angezeigt - der IE arbeitet nämlich ohne Doctype im "Quirksmodus" und interpretiert so das CSS-Boxmodel "falsch".

Hier noch einige gute Links zum Thema CSS Design, Tricks und Probleme:

http://www.csshilfe.de/
http://seybold.jan-andresen.de/
http://home.arcor.de/terrikay/tutorials/xhtml.html

Zockratte · 07.04.2005, 12:16

kenne das problem ... wenn du die Seiten neu machst, nimm div + css!

tabellen sind nur auf den ersten blick einfacher ... habe das einige Jahre oft schmerzhaft lernen müssen. z.B kannst du ne pflegeleichte navigation mit DIV + CSS bauen, mit Tabellen eher nicht ...

übrigens hat mich diese geile seite vollkommen überzeugt meine seiten nurnoch mit CSS zu bauen http://seybold.jan-andresen.de/

designfanatiker · 07.04.2005, 16:47

Zitat:

Zitat von Zockratte

... habe das einige Jahre oft schmerzhaft lernen müssen. z.B kannst du ne pflegeleichte navigation mit DIV + CSS bauen, mit Tabellen eher nicht ...

Bei einer Navigation handelt es sich meist um eine ungeordnete Liste, eine DIV-Suppe hat hier ja nun wirklich nichts verloren.

Zockratte · 07.04.2005, 21:24

oh verdammt, bin ich mit dynamischem Zeux in den Puristenbereich geschliddert?!

is ja wie mit Badehose am Nacktbadestrand ... peinlich.

rewboss · 07.04.2005, 23:46

Also... es gibt Experten, die meinen, eine Navigationsleiste müsse eine ungeordnete Liste sein. Und es gibt Experten, die meinen, das sei Humbug.

Mein Problem mit der <ul>-Lösung ist folgendes: der Code, der nötig ist, damit alle gegenwärtigen Browser das Menü auch richtig darstellen, ist oft recht kompliziert, ziemlich lang und nicht unbedingt vorwärtskompatibel.

Ich schließe mich übrigens Stu Nicholls an, der auch andere Lösungen anbietet, falls nicht-CSS-Browser auch berücksichtigt werden sollen.

designfanatiker · 07.04.2005, 23:57

Zitat:

Zitat von rewboss

Also... es gibt Experten, die meinen, eine Navigationsleiste müsse eine ungeordnete Liste sein. Und es gibt Experten, die meinen, das sei Humbug. Mein Problem mit der <ul>-Lösung ist folgendes: der Code, der nötig ist, damit alle gegenwärtigen Browser das Menü auch richtig darstellen, ist oft recht kompliziert, ziemlich lang und nicht unbedingt vorwärtskompatibel.

Man muss kein Experte sein um Text richtig auszuzeichnen. Ungeordnete Listen, geordnete Listen und auch Definitionslisten lassen sich mittels CSS problemlos formatieren und sogar horizontal anordnen.

rewboss · 08.04.2005, 00:09

"Problemlos"? In allen Browsern?

steffenk · 08.04.2005, 00:15

Wenn es einen Standard gäbe (gibts ja), an den sich alle Browser halten würden, dann ja.
Es besteht die Hoffnung, das irgendwann alle Browser gewisse Standards beherrschen und dann wäre das völlig problemlos. Also ist es nicht verkehrt, nach Standardrichtlinien zu arbeiten.

Die schlimmsten Perfektionisten sind die Coder, der allgemeine User sieht das entweder garnicht oder nimmt es kaum zur Kenntnis

rewboss · 08.04.2005, 09:00

Also, ich halte mich an den Standardrichtlinien bis zu dem Punkt, wo die gängigen Browser nicht mehr mitmachen und der Fix dafür ellenlanger Code ist oder Hacks, die ja möglicherweise vorwärtsunkompatibel sein können.

...hmm, jetzt nähern wir aber den OT-Bereich...