In html korrekt zentrieren!?!

Ich bin gerade am verzweifeln! Gibt es irgenteine möglichkeit eine Tabelle ohne gegen die w3 futzis zu verstossen in der mitte der Seite zu zentrieren? Mir ganz egal wie! also auch css oder sonstwas Also jetzt kommt mir nicht mit ers geht auch um die vertikale Position...

thx, haatschii

Eine Tabelle gehört nunmal nicht zentriert. ;-)
Linksbündig ist fast immer sinnvoller.

Schau mal hier:
http://www.thestyleworks.de/tut-art/centerblock.shtml

Evtl ist es das Problem, welches ich auch hatte:

nicht vergessen...

Original von TheUndeadable
Evtl ist es das Problem, welches ich auch hatte:

nicht vergessen...

Das sollte eigentlich nicht nötig sein (100% = default afaik), abgesehen davon, dass design nunmal nicht in die HTML Datei gehört und man es zumindest in die css file packen sollte.

Also es geht um die Login seite, da soll halt nur Mittig ein etwa 250x250 Pixel Tabelle sein. :wink:
thx, ich glaub die Seite hat mir die antwort gegeben!

@Kallisti:

Leider ist 100% nicht default. Zumindest bei mir hat diese Angabe bei dem Standard-Compliance-Mode geholfen.
Unter dem Quirks-Mode sind die 100% Standard.

Dass es in ne CSS-Datei gehören soll, weiß ich, aber wollte hier jetzt keine CSS-Datei aufmachen ;-)

Wobei

html { height: 100% } evtl einfacher wäre..

tabellen sind böse Hattschiii schon mal was von div's und span's gehört?
viel schöner zum designen tabellen sollten wirklich nur zum anzeigen von daten in tabellenvormgenutzt werden

hehe, ich nutz trotzdem Tabellen, obwohl sie ja angeblich ach so böse sind ;-)

Mir ist dieses rumgeschiebe mit Div und Span einfach zu anstrengend. Tabellen erscheinen mir persönlich intuitiver. Und solang der validator sagt: HTML 4.0-konform bin ich zufrieden

Naja hab bisher immer mit Tabellen gearbeitet! Muss mich erst mal umgewöhnen auf Divs, aber scheinbar sind die tatsächlich praktischer...

Original von TheUndeadable
hehe, ich nutz trotzdem Tabellen, obwohl sie ja angeblich ach so böse sind ;-)

Mir ist dieses rumgeschiebe mit Div und Span einfach zu anstrengend. Tabellen erscheinen mir persönlich intuitiver. Und solang der validator sagt: HTML 4.0-konform bin ich zufrieden

ich bin erst bei XHTML 1.1 Strict zufrieden

PS. wo wir schonaml dabei sind -- http://validator.w3.org/check?verbose=1&uri=http%3A//www.galaxy-news.de/index.php
15 Fehler

ähm, hat wer lust mir zu sagen wo der unterschied zwischen html und xhtml ist? (ich weiss ich bin ein noob! )

xhtml ist eine mischugn aus XML und HTML

das heisst es ist etwas strikter mit dem öffnene und schliessen von tags

z.B. ist in XHTML kein
erlaubt das muss man dor
schreiben


btw.
wer ein javascritp einbindne will kann theoretisch nutzen
dies funktioniert aber nur im Firefox und im Konquerer
alle anderen browser wollen unbedingt weil sonst nix angezeigt wird alles nach dem würde abgeschnitten werden

X-Html ist das schönere HTML und sollte soweit wie möglich genutzt werden.

X-Html fordert folgendes:
- Richtige Reihenfolge von Tags:
OK: jfksda
Falsch: gfsda

- Alle Attribute und Tagnamen werden klein geschrieben (body, statt BODY)

- Leere Tags werden mit einem / abgeschlossen:
statt

- Weiterhin sollte man anstatt den alten formatierenden Tags, wie 'b' und 'i' eher CSS nutzen (entweder inline per style= oder besser in einer seperaten Datei)

X-Html Strict ist wesentlich strenger und verbietet sogar die Nutzung von Tags wie 'b' und man sollte Tabellen nur zur Strukturierung von Daten nutzen, und nicht zur Formatierung von Inhalten.

X-Html impliziert noch einiges mehr.
http://de.selfhtml.org/html/xhtml/unterschiede.htm

Hm... und wo liegt der Vorteil? Also das er mir bei kleinen Fehlern alles putt macht ist doch nicht wirklich vorteilhaft oder!?!

Browser kommen damit wesentlich besser klar und es dient als 'Status-Symbol' eine X-Html konforme Seite zu haben.

Mit X-Html kannst du eine identische Darstellung mit allen Browsern erreichen. Weiterhin kannst du eine X-Html-Seite wesentlich besser mit Skripten steuern, als eine HTML 4.0-Seite.

jap das ist sozusagen schwanzvergleich im internetsetein gestalten

aber es hilft dir wirklich sehr css und javascripts auf die seiten anzuwenden

Es macht HTML wieder zu dem, was es sein sollte: eine Sprache zum STRUKTURIEREN von Texten.

Html hat absolut gar nichts mit Design zu tun, was die meisten verkennen.

Design gehört vollständig in die CSS files. Deshalb bastelt man auch kein "Layout mit divs und spans", sondern man strukturiert seinen Inhalt und formatiert ihn danach.

Tabellen nur für tabellarische Inhalte...

http://w3.org für weitere infos...

boah, nun helft ihm mal effektiv weiter...

das einfachste, das du machen kannst, ist folgendes:

xXx ist die tabelle, die du in der mitte haben willst.

nun machst du um die tabelle einfach noch eine tabelle herum, die das gesamte browserfenster ausfüllst. diese tabelle hat dann nur eine zelle (align="center" und valign="middle") mit deiner eigentlichen tabelle drin.

das sieht dann so aus:




xXx




dieser umweg ist nötig, da valign nur in tabellen anwendbar ist...

Leider funktioniert dies im Standard-Compliance-Mode nicht, nur im Quirks-Mode

Original von HaSkEeR
boah, nun helft ihm mal effektiv weiter...
[...]

Ich habe ihm im allerersten Posting einen Link gegeben, der genau sein Problem auf professionelle Weise löst..

jo, hab den trhead nur überflogen udn gemerkt, dass der vorschlag net dabei war, und das ist ja wohl das einfachste was man machen kann und hat genau den erwünschten effekt...

jap, aber das Problem dabei ist leider das es nicht erlaubt ist, wenn auch von allen browser geduldet! Aber die seite hat mir schon sehr geholfen, danke!
Aber nochmal zum zentrieren... gibt es eine Möglichkeit text zu zentrieren ohne gleich ein tabelle oder ein div machen zu müssen?

will ich net weil der mir immer nen Zeilenumbruch macht und ist ja angeblich auch nicht gut! :/

Original von Haatschiii
Aber nochmal zum zentrieren... gibt es eine Möglichkeit text zu zentrieren ohne gleich ein tabelle oder ein div machen zu müssen?

will ich net weil der mir immer nen Zeilenumbruch macht und ist ja angeblich auch nicht gut! :/

Wenn du etwas zentrieren willst musst du in dem übergeordneten Element angeben, dass dessen Inhalt zentriert dargestellt werden soll. Du könntest also für das body-Element "text-align:center" angeben, aber dann ist wirklich alles auf der Seite zentriert.
Sobald nur ein Teil des Inhalts zentriert sein soll brauchst du irgendein extra-Element, z.B. div...

Ich bin am verzweifeln! Da fäng man an mit CSS denkt ist ja alles wunderbar aber sobald es etwas komplizierter wird fangen die ***** Browser an es wild falsch zu interpretieren! Kann mir wer helfen?
Die W3 Checker sagen das es alles richtig ist, aber totzdem macht es jeder Browser wie es ihm gerade spass macht!

Eigentlich soll es so aussehen (Darstellung von Safarie):
http://www.spiel.tolle-seite.net/richtig.tiff
Aber Eigentlich jeder Browser macht was anderes draus!
http://www.spiel.tolle-seite.net/

Wie kann ich das den darstellen ohn Tabellen verwenden weil ihr ja meint die wären böse und trotzdem für alle Browser kompaktibel halten? :/

bei mir siehts genauso aus

und bitte fürs nächste mal da die meisten hier windoof haben (ich nicht konnte dein bild wunderbar anschauen) mach lieber png/jpg screenshots

FYI:
Auch unter Windows kann man das Bild mit Bordmitteln wunderbar anschauen ;-) So unflexibel ist das doch nicht

Ansonsten:
Gewöhn dich dran und versuche den IE nur soweit wie nötig zu unterstützen. Aus den Gründen habe ich der Webprogrammierung vorrübergehend den Rücken gekehrt.

BTW: Der Opera zeigt die Sache einwandfrei an.

Sieht okay aus..

Konstruktive Kritik:
- CSS Code sollte in eine eigene Datei (strikte Inhalt // Design Trennung)
- HTML Attribute immer in doppelten Anführungsstrichen (")
- HTML tags immer klein schreiben
- Die Meta Tags mit DC. sind so korrekt? Hab ich noch nie gesehen, aber hab mich auch nicht ausgiebig mit Meta tags auseinandergesetzt..
- die ids sollten alle etwas aussagen; die meisten sind ja ganz gut, aber "meinblock" könnte anders heißen.
- Wenn schon, denn schon -> XHTML Strict und nicht HTML 4 transitional

ansonsten Glückwunsch zur Entscheidung zu css und viel Spaß damit.
IE = ignorieren, solange es benutzbar ist, reicht das. Wer eyecandy will, benutzt vernünftige Browser.

DC ist DublinCore

http://dublincore.org/

Hm... Also Xhtml... was hab ich effektiv davon? Ich mein wenn ich nicht gerade so ein Süssen xhtml button von den W3 Leuten auf der Seite einbaue merkt es eigentlich auch keiner!? Und sonst scheint es ja eigentlich keinen Vorteil zu haben? Und zudem kommt das es doch einige Inkompaktibilitäten gibt!
http://www.spiel.tolle-seite.net/index.xhtml
Sowohl xhtml Strikt als auch CSS validiert! Trotzdem sehe ich nur ein paar CSS zeichen..


Also ausser sich zu freuen toll zu sein bring xhtml keinen Vorteil? :roll:

Doch, es unterstützt die strenge Trennung zwischen Inhalt und Design, welche du durch deine Inline Styles allerdings wieder aufhebst... Css gehört in eine extra Datei!!

Weiterhin erreichst du so _ordentlichen_, sauberen Code und kein gewurschtel wie in 4.0... Du kannst zudem mit guter Browserunterstützung für die Zukunft rechnen und hast imho nur Vorteile. Müll wie Frames oder targets werden direkt unterbunden.

Außerdem wird dadurch die Accessibility stark erhöht, so dass es Blinde und anderweitig Behinderte einfacher haben die Seite zu besuchen und so dass sie auch mit alternativen Browsern (Textbrowser zB) und Devices (PDA, Handy, Smartphone, Tablet PC etcetc...) nutzbar ist.

Btw:
"This XML file does not appear to have any style information associated with it. The document tree is shown below."

Der Browser versteht nicht, dass er dein XML als HTML interpretieren soll.


PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Die unterste Zeile sollte sein, wenn du es als xml definieren möchtest...
Ob UTF oder Latin, gut, darüber lässt sich streiten.

Ein Tipp:



Diese Zeile nicht in deine Datei schreiben, da ansonsten der nette IE wieder in den Quirks-Modus springt und Mist anzeigt. Alle Browser können mit dieser fehlenden Zeile umgehen.

Und nenn deine Seite nicht .xhtml, da macht der IE auch Probleme. Ansonsten kann er sehr gut mit X-Html umgehen, teilweise besser als andere Browser. Bzw sorg dafür, dass er den Content-Type text/html zurückgibt.

Ansonsten empfehle ich dir X-Html, da es zwar am Anfang etwas Arbeit verursacht, aber dies die Zukunft ist. Der IE 7 wird X-Html und CSS2 vollständig unterstützen und alternative Reader, wie Handies, Pocket PCs oder auch Screen-Reader-Software kommen mit X-Html viel besser klar.

Spätestens mit dem IE 7 kann man eine vernünftige X-Html Entwicklung auf allen großen Browsern durchführen.

Original von TheUndeadable
Ein Tipp:



Diese Zeile nicht in deine Datei schreiben, da ansonsten der nette IE wieder in den Quirks-Modus springt und Mist anzeigt. Alle Browser können mit dieser fehlenden Zeile umgehen.
[...]

Wusste ich nicht, aber gefällt mir. So kann man weitere IE User zum Wechsel "überreden".

Aber laut denen, die ich befragt habe, wurde http://www.403i.de bei ihnen korrekt im IE dargestellt... beschreib doch bitte den "Quirks Modus" (ich hab noch nie etwas davon gehört, was mich sehr glücklich macht) genauer und wie er sich auf meine Webseite auswirkt...

Original von Kallisti
beschreib doch bitte den "Quirks Modus" (ich hab noch nie etwas davon gehört, was mich sehr glücklich macht) genauer und wie er sich auf meine Webseite auswirkt...

Aktuelle Browser haben meist zwei Möglichkeiten implementiert, eine Website anzuzeigen - einmal den "Quirks Mode" und den "Standards Mode" (auch "Strict Mode" genannt).
Der letztere hält sich mehr an die Standard-Regeln während der erste nur als Rückfallmodus für alte Websites usw. gedacht ist. Welchen Modus der Browser für eine Website nutzt wird z.B. über den angegebenen Doctype entschieden. Wenn du hier also was falsches wählst kannst du unbeabsichtigt die Browser dazu bringen, im Quirks-Mode rumzumurksen, wo dann alles etwas anders aussieht...
Über JavaScript kannst du auslesen, welcher Modus gerade genutzt wird.

Original von BLUESCREEN
[...]
Über JavaScript kannst du auslesen, welcher Modus gerade genutzt wird.

Danke erstmal für die Infos. Der IE ist aber schon technisch nicht für meine Plattform verfügbar, deshalb die Frage, was denn zB bei meiner Seite (www.403i.de) falsch ist, ob dort der Quirks mode aktiv ist und wo genau die Probleme mit der explizit erwähnten UTF Kodierung liegen.

Original von Kallisti
deshalb die Frage, was denn zB bei meiner Seite (www.403i.de) falsch ist, ob dort der Quirks mode aktiv ist

Bau irgendwo ein alert(document.compatMode) ein. Bei mir geben dann z.B. Mozilla und Opera ein "CSS1Compat" aus. Demnach haben diese Browser schonmal nicht den Quirks-Modus gewählt und alles ist bestens.

Der IE läuft hier auch nicht - kann ich also nicht testen ^^
Aber ich denke mal, der wird dann auch den Standards Mode wählen.

@TheUndeadable, ich würde nicht darauf vertrauen das der ie7 all das macht was man sich erhofft. vor allem nicht eine komplette css2 unterstützung nach vorgabe. ich warte erstmal ab was er wirklich unterstützt, wie er es unterstützt und wie die verbreitung der jeweiligen funtionen in den anderen wichtigen browsern ist und dann entscheide ich ob ich es nutze oder nicht.

Ich hoffe, dass er es macht und laut Entwickler-Blog soll CSS2 vollständig unterstützt werden. Von einigen Beta-Testern habe ich auch noch nichts gegenteiliges gehört

Dies ist meine Hoffnung.... Mal schauen was Faktum wird.

Wenn er dieses jedoch nicht unterstützt, dann steig ich dennoch in die Web-Entwicklung ein und missachte diesen Browser. Dann ist es mir völlig egal, ob dieser Browser Probleme mit einer Seite hat. Momentan nutze ich den kleinsten gemeinsamen Nenner (also Html 4). Abgesehen von den CSS-Problemen halte ich persönlich den IE als einer der besten Browser in Sachen Rendering und Scripting.

Im Quirks-Modus emulieren alle Browser die alten Fehler des IE 4 und 5 (falsche Box-Modeling). Diese Fehler wurden mit dem IE 6 behoben, aus Rückwärtskompatibilitäts gründen, werden die Bugs noch bei vielen Webseiten nachemuliert...

http://www.fabrice-pascal.de/artikel/dtd/ <- Eine gute Info über die verschiedenen DTD-Typen
http://lxr.mozilla.org/seamonkey/source/layout/style/quirk.css <- Diese CSS-Datei wird im Quirks-Modus automatisch beim Mozilla aktiviert
http://www.mozilla.org/docs/web-developer/quirks/quirklist.html <-Komplette Übersicht des Quirks-Modus im Mozilla
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp <- Die MS Beschreibung des Standard-Mode (eingeführt mit dem IE 6)

BTW: Eine Eigenschaft des Standard-Compliance-Modus:
"Kein Element (Body, Div, oder Andere) kann 100% hoch sein. Es ist immer so hoch wie das höchste Element in ihm. Die Höhe kann höchstens mit einer absoluten Einheit festgelegt werden, nicht jedoch mit einer relativen Einheit (z.B. %, em)"

Mir fällt gerade auf, dass in Mozilla unter View -> "Page Info" auch aufgelistet wird, welcher Modus genutzt wird. Es ist also nicht nötig, dafür extra ein JavaScript einzubauen.

Original von TheUndeadable

BTW: Eine Eigenschaft des Standard-Compliance-Modus:
"Kein Element (Body, Div, oder Andere) kann 100% hoch sein. Es ist immer so hoch wie das höchste Element in ihm. Die Höhe kann höchstens mit einer absoluten Einheit festgelegt werden, nicht jedoch mit einer relativen Einheit (z.B. %, em)"
BTW: Wenn man allen übergeordeten Elementen, also auch dem -Element, eine Höhe zuweist (egal, ob absolut oder relativ), dann können die darin enthaltenen Elemente auch eine Höhe von 100% erhalten.

hm... hab nochmal ne frage zu xhtml...
folgender tag:



funktioniert zwar wunderbar, aber der valiator meckert rum! vermute mal wegen dem noresize ! Wie kann ich es ihm den recht machen ohne das die Browser balken malen damit man die frames vergrössern/kleinern kann!?

Selbiges gild auch für die border attribute in den framset tags...

und noch eine frage:

Wenn ich in PHP Session_start verwende, dann meldet er mir folgenden Fehler:

Line 34, column 119: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag

...="7c974b022188e4187dd8815e58187fac" />

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

Kann ich PHP beibringen nicht so einen fehler zu verursachen?

Welchen HTML Doctype benutzt du denn?

In XHTML strict gibt es keine Frames mehr (und das ist gut so!).
http://www.subotnik.net/html/frames.html

Ich selbst hab frames seit jahren nicht mehr benutzt, aber da "noresize" ja eine Designsache ist, nehm ich an, das gehört in CSS.


Zum input: Die Errormessage ist doch recht eindeutig, du sollst ein Blockelement wie div, p etc. um das input herum setzen...

Problem an der Fehlermeldung:
Der Tag von dem er beuhauptet das er falsch sei exestiert eigentlich nicht! Er wird halt von php durch den befehl Session_start ausgelöst! von daher kann ich schlecht ein Tag drumsetzen... naja bei xhtml trans meldet er keinen Fehler...