css crossbrowser html xhtml doctype problem

Micha2 · 26.01.2005, 12:41

Hallo liebes Forum,

heute möchte ich doch mal posten, weil mich die Probleme erdrücken.

Angefangen hat alles damit, dass ich *auch* im Internetexplorer meine Seite
zentrieren wollte.

deshalb habe ich begonnen teilweise auf doctype 4 xhtml (glaube ich)
umzustellen und so einigermaßen war ich auch zufrieden.
So langsam aber häufen sich die Probleme die ich mit meinem css-Menü bekommen :heul: und ich bin der Sache nicht mehr gewachsen.

Vielleicht kann mir doch jemand hier raten, was ich tun sollte meine problemseite speziell das Menü:
gesuche.de
(Das Menü funzt nicht richtig (is wohl auch eine Javascript-Problematik überlagert) und wechselt in der Ansicht von unterseite und Startseite.
Konkret sieht das Menü der Startseite anders aus wie z. B. Rubrikansichten
und es sind die doctype xhtml-seiten die nicht OKay aussehen.

Vielleicht gibt es auch andere Möglichkeiten im ie5. und ie5.5 ie6 zu zentrieren, aber ich wollte das (ev.) mit dem neuen doctype xhtml durchziehen...
Viele Grüße und viele Dank

AnnaStesia · 26.01.2005, 13:24

hallo micha,

1) immer wieder gern genommen , oder auch der hier
2) doctypes
3) css menü?!? das ist kein css menü. schau doch einfach in der doku des menüs nach, wie man das menü relativ positionieren oder zentrieren kann.
4) du brauchst kein xhtml, um deine seite im IE zu zentrieren, wie kommst du darauf?

bleib lieber bei html 4.01 transitional, oder lass das doctype ganz weg. zetriere die seite durch zwei verschachtelte tabellen. und schau, ob in der doku zum menü-skript was zur zentrierung/relativen positionierung steht, und falls nicht, nimm ein anderes skript (coolmenues, hvmenu, etc - können alle zentrierung)

Micha2 · 26.01.2005, 13:46

Danke erstmal!

ja die Fehler mit den Validators waren mit bekannt und die konnte ich noch nie ganz ausräumen. ;-) aber es stimmt, es sind jetzt wieder mehr geworden und "erdrücken"

Wie bin ich darauf gekommen. Ich habe einiges probiert und gelesen. Da der IE die befehle margin:auto erst mit diesem Doctype ausführt war das ein Ausweg, der in einem Thread empfohlen wurde. Ich habe auch anderes probiert, das half auch nicht wirklich.

Wieso würdest du sagen, dass html 4.0 transitional zum "Dabeibleiben" geeignet ist. Tabellenverschachtelungen möchte ich aus Suchmaschinentechnischen Gründen vermeiden...

Wie kann ich denn ohne tabellen im IE (alle varianten auch 5 5.5) zentrieren?

Boris · 26.01.2005, 14:12

Ja, indem Du im Elternelement einfach text-align: center; benutzt. Das ist zwar "falsch", aber der IE zentriert Elemente nur so.

AnnaStesia · 26.01.2005, 14:50

tabellenverschachtelungen sind doch unabhängig vom doctype? du kannst mit jedem doctype eine schlanke code-struktur machen oder einen 50-fach verschachtelter tabellen-urwald. das kann jeder nach seinem geschmack entscheiden. was aber nicht geht, ist eben, ein relativ strenges doctype zu nehmen, dann die einfachsten regeln zu missachten, und sich dann zu wundern, warum dieses und jenes nicht so funktioniert wie gewünscht. deshalb hab ich dir zu 'nem "luschi"-doctype geraten. ich weiss nicht, ob der inhalt von dir kommt oder ob du ein cms verwendest, aber wenn ich klassen namens "MsoNormal" sehe, läuten bei mir alle alarmglocken. wenn da irgendwas im inhalt aus frontpage, word & co. kommt, solltest du wirklich zu einem anderen doctype greifen.

HoRnominatoR · 26.01.2005, 15:15

wo liegt das problem? stricter doctype+margin:auto laeuft unterm ie6. fuer abwaerts (warum auch immer man das machen will) gibts halt noch text-align:center - wie schon gesagt. wozu tabellen oder nen anderen doctype als strict?

AnnaStesia · 26.01.2005, 15:37

@hornominator: du hast dir die seite & den code angeschaut, ja?

Boris · 26.01.2005, 15:38

Der IE6 braucht keinen "Strict"-DOCTYPE, damit margin:auto funktioniert, sondern einen beliegen, validen DOCTYPE. Das wären z.B. :

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

2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Oder halt deren STRICT-Variante

Aber wie AnnaStesia schon erwähnte, die Webseite hat mehr nötig als nur eine DOCTYPE-Anpassnung ...

Micha2 · 26.01.2005, 15:48

ahso, die xhtml doctype ist also strenger als den, den ich vorher hatte.

Gebe zu mein Code ist sehr durchwachsen.

>(warum auch immer man das machen will)

aha, heisst das, das ie5 und ie5.5 nicht mehr sehr stark verbreitet sind?
und ein optimieren darauf verschwendete Zeit ist?

inzwischen habe ich die wunderlichsten Fehler auch behoben, es war denke ich die falsche Reihenfolge von link hover und visited...
uups, ihr habt ja schon wieder geantwortet

danke auch dafür..

Micha2 · 26.01.2005, 15:58

dass der ie6 die Zentrierung leichter hinbekommt, hab ich auch schon festgestellt, als es aber im ie5.5 und 5.0 nicht ging habe ich weitergeschaut und das gefunden hier das Posting...

Micha2 · 27.01.2005, 11:03

Hallo nochmal

also ich habe mich jetzt entschlossen wieder "zurückzubauen"

d.h. ich bin wieder bei dem alten Doctype, denn ihr habt ja gemeint, dass der alte doctype durchaus für meine Zwecke ausreicht.

nun wollte ich euch doch noch einmal bitten folgende Seiten kurz anzschauen,
denn ich finde nicht so einfach den Fehler, warum ich einige Seiten nicht richtig zentriert bekomme.

Was muss ich einfügen, damit (im IE6) z. B. folgende Seite 1] wie [2] aussieht.
NS und Firefox zeigen alles mittig...

Ich wollte gerne das es ohne weitere Tabellen erreichen

für einen Tipp wäre ich sehr dankbar...

AnnaStesia · 27.01.2005, 12:08

das schrieb adagio doch bereits: body {text-align:center;}

Micha2 · 27.01.2005, 12:21

Ein Dankeschön nach Göppingen aus Stuttgart

es funzt...

AnnaStesia · 27.01.2005, 12:48

Zitat:

Zitat von Micha2

Ein Dankeschön nach Göppingen aus Stuttgart

des isch nett, a grüßle zrück

Boris · 27.01.2005, 13:08

Tja, manchmal sieht man den Wald vor lauter Bäumen (Antworten) nicht ;-)