<div> boxen und tabellen

[Chickenhead]

Ich habe mich vor Kurzem das erste mal an ein CSS-definiertes Design gewagt. Allerdings tut ich bei mir ein kleiner Designfehler auf, sobald eine Tabelle auftaucht. Wie man in der Navigation und im Hauptteil sehen kann, verschwinden nach der ersten Tabelle die Seitenabstände nach links und rechts.

http://www.physio-aktiv-enger.de/index.php?page=mpt.php

Da das ganze etwas blöd aussieht, hoffe ich dass mir hier jemand helfen kann...

[Chickenhead]

Keiner der mir helfen kann?!? Ist wirklich wichtig...

[AnnaStesia]

Hi chickenhead,

was mir spontan auffällt, ist dass Du den einzelnen divs mit der Überschrift dieselbe id vergibst (namentlich "Titel") - hier solltest Du stattdessen mit Klassen arbeiten, da eine ID logischerweise nur einmal vergeben werden darf. Möglicherweise liegt es daran.

[Chickenhead]

du meinst

<div class=Titel></div> ?

Könnte man machen...ich probiere das mal!

Vielen Dank...

Edit: Bringt leider nichts...habe die Version mit Klassen hochgeladen, ist auch unter der Addresse zur Zeit noch da. Aber immer noch der gleiche Fehler. Tritt im Opera auch nicht auf...

[AnnaStesia]

Tja, schade eigentlich. Also der Fehler ist ja, *dass* da ein Abstand im IE ist, richtig? Hatte es ehrlich gesagt erst andersrum verstanden, aber nachdem ich mir das jetzt genauer angeschaut hab, sind da ja keine Abstände definiert. I hate to say it, aber Du solltest erstmal zusehen, dass Dein Dokument validiert , und danach solltest Du das Stylesheet validieren. Damit kommst Du, bzw. kommen wir dem Problem sicher besser auf die Schliche!

[Chickenhead]

Habe alles validiert. Da es das erste Mal ist dass ich mit dem Tool arbeite, habe ich noch einige Fragen bezüglich der "Fehlermeldung"....

Was bedeuten...

Line: 0 Context : #navigation

Property align doesn't exist : right
Line: 0 Context : #infobox

Property align doesn't exist : left

end tag for "link" omitted, but OMITTAG NO was specified

Und wieso kann man kein " & " schreiben?

Sonst habe ich glaube ich alles ausgebessert...


Aber du hast Recht...die Abstände vorher waren eher zufällig....wie definiert man das denn?

[HoRnominatoR]

du darfst & aus dem gleichen grund wie < und > nicht schrieben - es sind htmlinterne zeichen. < und > zeichnen tags aus, mit &bla; werden sonderzeichen gekennzeichnet, von daher muss das & an sich auch als sonderzeichen dargestellt werden.

[AnnaStesia]

zu a) tja, das wird wohl heissen, es gibt einfach keine Eigenschaft namens align

zu b) du gibst im doctype xhtml 1.0 transitional an - also musst du dich natürlich auch an die Regeln halten, und wirklich alle geöffneten Tags auch wieder schließen. Also, alle Fehler beheben oder anderen Doctype wählen.

Heisst das jetzt, Du willst den im IE irrtümlich dargestellten Abstand überall drinhaben und weisst nicht wie, oder Du willst den Abstand weg haben, damit es so aussieht wie in Mozilla & Co.? Wie genau soll das Ergebnis aussehen? Sorry, wenn ich so blöd frage, aber entweder Du gibst Deinem Content-Div eben ein größeres Padding mit, damit rückst Du jedoch auch die Überschriften mit ein, oder aber Du brauchst für die Texte weitere Container, wenn nur diese eingerückt werden sollen (was sicher sinnvoller wäre). Ganz grob gesagt. Aber auf alle Fälle brauchst Du erstmal valides HTML & CSS, sonst wird das wahrscheinlich nix. Die Fehler lassen sich ja leicht beheben.

[Chickenhead]

zu a)
stimmt wohl

zu b)
Was soll ich denn an einem <br> Tag schliessen?!?


Es soll so aussehen wie im IE! Es passt ja auch!

Das Problem ist allerdings dass nach einer Tabelle die Einrückung nach links nicht mehr gegeben ist.

Fertig.

Im Opera ist die Einrückung nicht da. Deswegen frage ich mich, ob das irgendwo fest definiert werden kann, weil ich mir nicht sicher ob das bereits getan wurde.
Wie lautet der Tag zum definieren?
Ist das der Padding?
Wie kann sich das denn so verschieben?

Vielen Dank für deine Mühe...

[GodfatherDeluxe]

wenn du xhtml codest müssen tags, die nicht geschlossen werden, also bsp. img, br, meta-tags, inputs etc. so aussehen:
<br/>
damit älterei browser das auch verstehen macht man noch ein leerzeichen vor dem slash, also
<br />
im übrigen würd ich selfhtml empfehlen

[Chickenhead]

Original geschrieben von GodfatherDeluxe
wenn du xhtml codest müssen tags, die nicht geschlossen werden, also bsp. img, br, meta-tags, inputs etc. so aussehen:
<br/>

Vielen Dank das wusste ich nicht...

Original geschrieben von GodfatherDeluxe
im übrigen würd ich selfhtml empfehlen

Beziehst du das im Allgemeinen auf meinen Quelltext?

[GodfatherDeluxe]

nö war eher auf deine letzten fragen bezogen, aber sorry falls ich dich da falsch eingeschätzt habe, hab den thread nur mal so überflogen, also nix für ungut

Wie lautet der Tag zum definieren?
Ist das der Padding?

edit: den sourcecode hab ich nichmal angeschaut (außer das doctype...)

[Chickenhead]

macht ja nichts..

Aber wie sieht das jetzt aus mit dem Padding?



@AnnaStesia: Amazing ist Amazing.

[AnnaStesia]

@chickenhead: thx

Das macht mich jetzt allerdings stutzig, ich hab ja in css & quellcode reingeschaut, und das Stylesheet ist schon recht komplex, gleichzeitig scheinst Du in Sachen css nicht fit zu sein. Da passt was nicht zusammen, sorry! Wie gesagt, die Darstellung in Opera, Mozilla & Co ist die Richtige, der Abstand im IE ist ein Fehler. Dieser hat nix mit Tabellen zu tun, sondern tritt immer da auf, wo sich die Navigation befindet, da Du diese ungünstigerweise mit float:left ausgerichtet hast. Du hast leider auch unzählige Fehler in Deinem Stylesheet. Diese hab ich Dir zwar nicht gefixt, aber in dieser Testseite solltest Du alle nötigen Infos finden finden bzw. Du kannst Sie so nehmen wie sie ist. Getestet nur in IE6 & Mozilla 1.3.

[Chickenhead]

Das Layout kommt von http://www.inknoise.com/experimental/layoutomatic.php

Dann habe ich das eben damit herumexperimentiert.

Vielen vielen Dank für deine Mühe. Dass das mit der Navi zu tun hat, da wär ich wahrscheinlich nie drauf gekommen.

Ich gucke mir den Quelltext mal an...