http://www.perbi.ch

[santscho]

Könnt ihr mal diese Seite testen?
Im IE7 siehts prima aus, die IE7-Simulation im netrenderer nicht.

Simple YAML-Page. Pures html/css, ohne phpwcms. Wie siehts da aus mit IE6?
http://www.perbi.ch/layout.html

Vielen Dank!

Ralph

[pepe]

Kennst du diese Möglichkeit ???

http://browsershots.org/

Hier hab ich's dir schon mal reingelegt

http://browsershots.org/http://www.perbi.ch/layout.html


Da kannst du dir auch die Grafiken anschließend downloaden und in Ruhe betrachten...

[rushclub]

unter safari komplett zerschossenes layout.

rush

[rushclub]

Könnt ihr mal diese Seite testen?
Im IE7 siehts prima aus, die IE7-Simulation im netrenderer nicht.

Simple YAML-Page. Pures html/css, ohne phpwcms. Wie siehts da aus mit IE6?
http://www.perbi.ch/layout.html

Vielen Dank!

Ralph

safari funktioniert

rush

[Cipolla]

IE 6 machst auch nicht sauber, logo ist zerissen

[nuserXP]

Also im FF sieht das auch nicht so aus wie das soll. In welchem wird es denn noch richtig angezeigt?

[santscho]

habe jetzt http://www.perbi.ch/layout ins phpwcms template integriert. Katastrophe im IE6. hmmmm.. vielleicht stimmt was mit den CSS-Verküpfungen nicht. Was anderes kann ich mir nicht vorstellen.

Safari 3.1 Mac: Okay
Firefox 2.0 Mac: Okay

IE 7 Win: Logo verschoben. Das kann ich fixen.

[santscho]

w3c-html-validation perbi.ch:

Code: Select all

# Line 80, Column 73: value of attribute "id" invalid: "1" cannot start a name.

…leText"><p><span style="display: none;" id="1207136646971S">&nbsp;</span></p>

✉

It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.
# Error Line 82, Column 36: value of attribute "id" invalid: "1" cannot start a name.

<p><span style="display: none;" id="1207136647109E">&nbsp;</span></p>

✉

It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

[juergen]

Hallo Santscho

ich hab mal so grob übers CSS 'geschaut' udn mir fiel auf dass du die phpwcms Geschichten in der base.css von Yaml hast, was zu Irritationen führen kann, wenn du das wieder inphpwcms hast, etwas änderst, das andere aber nachher drüber geladen wird... würde ich trennen, nicht weil das unbedingt sein muss, aber der Übersicht halber...

Jürgen

[santscho]

Ha! Fortschritt...

Habe jetzt im Template den Link zur CSS rausgeschmissen und die CSS-Import im Head des Templates untergebracht. Zumindest sieht das Layout in IE6 und 7 jetzt gleich aus. Muss nur noch rausfinden, wie ich die {CONTENT}-Hintergrundgrafik anzeigen lassen kann. Die fehlt jetzt nämlich. Aber das Layout ist gemäss netrenderer jetzt "stabil".

[santscho]

Jürgen, das kann nicht sein.
Die base.css im core habe ich nicht angerührt. phpwcms-Definitionen habe ich lediglich in der "content.css" in der user-css im folder "Screen".

[rushclub]

Jürgen, das kann nicht sein.
Die base.css im core habe ich nicht angerührt. phpwcms-Definitionen habe ich lediglich in der "content.css" in der user-css im folder "Screen".

jetzt freut sich auch safari

rush

[Cipolla]

Ich will ja wirklich kein Spielverderber sein, aber..

..die "Druckerfreundliche Ansicht" sieht so gar nicht druckerfreundlich aus!

[santscho]

Ufff... das war jetzt ne Zangengeburt!
Aber wird jetzt in netrenderer.com durchgehend korrekt angezeigt. Die Druckerfreundliche Ansicht ist auch wieder hergestellt.

Verschobenes Logo im Header: Padding oben, 60px ersetzt durch fixe Höhe des header divs 60px
Nicht schliessende, senkrechte Linien (Verbindung zum Footer mit den runden Ecken: Link zur BugFix-CSS nicht korrekt
Zerrissenes Layout in IE6. Import der CSS im Header statt im Template-Backend
Falsches Drucklayout: STOP/START versehentlich gelöscht und dann am falschen Ort eingesetzt während Problemlösung (nach dem ersten <div> statt ganz am Anfang)

Was lernt man dabei?
– Vertraue YAML nicht blind -> IE 6 Tests nicht vergessen!
- Vergiss die CSS-Verlinkung zu den BugFixes nicht!
- Gehe das Problem langsam an. Bei Stress baust Du zusätzliche Fehler ein (Prinlayout).

Danke fürs Mitfiebern!
Ralph

[Cipolla]

Na, jetzt schaut es aber toll aus