Warum wird der Wrapper nicht oben dargestellt?

[seluce]

Tach,

ich habe eine Seite gebastelt, welche eigentlich auch gut lief. Jedoch bin ich dann ein wenig mal auf php umgestiegen, für's includen. Also bestimmte Bereiche der Seite einfach einbinden, damit man nicht ständig diverse Seiten für eine Änderung anpassen muss.

Jedoch ist seitdem der Wrapper bzw. die Seite nicht mehr oben, es gibt ein Abstand vom top 0 bis zum Wrapper.



http://www.cuxhaven-gaestehaus-pehmoeller.de

Ich könnte das lösen, wenn ich im Wrapper -15 top nehme, was jedoch nicht optimal ist bzw. auch vorher nie erfoderlich war. Bin ich einfach gerade blind und übersehe was?

 

[Daaron]

http://validator.w3.org/check?uri=w...(detect+automatically)&doctype=Inline&group=0

Wenn du den BOM-Fehler beseitigt hast dürfte der Rest sich anständiger verhalten.

Was für ein räudiges Tool hast du da zum Editieren der Scripts benutzt, dass du ne Byte Order Mark an der Backe hast? Den Windows Editor?

 

[seluce]

Hm. Notepad ++, womit man UTF-8 leicht einrichten kann. Aber mal davon abgesehen, läuft's ja.

Lässt sich aber beheben, daran soll es nicht scheitern. Aber warum ging das ganze den vorher?
Mich stört gerade nur der Balken da zwischen..

Leck mich fett, das lag am BOM. Vielen Dank! So eine einfache Sache.

 

[Daaron]

Notepad++ ist geil.. aber natürlich muss man das Encoding auf "UTF8 ohne BOM" stellen *G*

So, und nun dazu, wieso es vorher ging und dann nicht mehr: Vorher war da kein BOM.... *g*
Du siehst ja, was beim Validator passiert, wenn er einen BOM findet: der BOM bringt den gesamten Parser komplett aus dem Konzept. Das erste, was ihm zum Opfer fällt ist der DOCTYPE. Ohne gültigen DOCTYPE schalten Browser aber in einen Quirks-Modus und "raten" nur noch, wie etwas darzustellen ist. Da hast du noch Glück, wenn es nur ein paar px Abstand zu viel sind....


Du hast da übrigens immer noch Fehler im Quelltext. Du hast irgendwo ein <p> nicht korrekt geschlossen.

 

[seluce]

Joa, das habe ich danach auch erst gesehen mit dem BOM.

Eigentlich ist es richtig. Müsste ich mal genauer anschauen bzw. da mal das p-Tag entfernen. Laut Notepad wird das auch richtig erkannt.. Aber da ist sowieso eine kleine Verschachtelung, mal schauen wie ich das mache.

 

[Daaron]

Denk dran, was <p> enthalten darf und was nicht. Im Endeffekt darf es enthalten: <span>, <a>, <time>, <strong>, <em>. <img> dürfte auch gültig sein.