Textproblem. Mal da, mal nicht

[McMuhaus]

Hey,

ich habe bei einer Website ein sehr seltsames Problem mit den Texten.
Es gibt eine Ebene #text in der in <p> Tags jeweils Text steht.
Soweit so gut. W3c und der Css Validator melden auch keine Fehler.

Trotzdem scheint es Glückssache zu sein, ob der Text, und wie der Text angezeigt wird.
Auf meinem Macbook mit Safari 4 ist alles wunderbar.
Auf dem Imac mit der letzten 3er Safari ist auch alles gut.
Auf dem G5 mit der letzten 3er Safari sind die Umbrüche falsch.
Auf nem alten Windowsrechner mit Explorer was weiß ich geht es auch ohne Probleme. Auch mit Firefox.
Auf einem anderen Windowsrechner mit Firefox wird der Text gar nicht angezeigt.

Ich kann das Problem auf meinem Rechner nicht nachvollziehen, da alles gut aussieht. Aber vielleicht kennt ihr ja eine Möglichkeit, oder kennt das Problem und könnt mir eine Lösung sagen.

Ich hoffe, ich hab alle Infos angegeben, sonst fragt noch mal nach.
Die Website darf ich hier glaube ich nicht posten, da sie nicht für mich, sondern einen Kunden ist. Ich weiß nicht, wie gerne hier Werbung gesehen wird..

Danke!

 

[falkgottschalk]

a) ein Beispiel-Link wäre gut
b) Umbrüche hängen ja wohl von der Schriftgröße und der Fenstergröße ab, beides sucht sich der Besucher der Website aus, nicht der Ersteller.

 

[wegus]

(c) Ist das Web-Layout und keine Programmierung

*verschieb*

 

[McMuhaus]

Was meinst du mit Beispiel Link?
Kann ich es hier doch posten, oder vorher Logos und Namen rausnehmen?

Die Seite ist statisch und pixelgenau angelegt. Die Text-Ebene hat eine bestimmte Breite und die Umbrüche sind durch <br> Tags erzwungen.
Das müsste doch dann hinhauen, oder?

 

[miss.moxy]

Poste mal…
Oder kopier wenigstens den HTML und CSS-Code hier rein. Ohne is schwer.

Erzwungene Umbrüche sind problematisch, gerade bei pixelgenauem Layout.
Stell dir nur mal vor, ein Besucher hat den Schriftgrad eins größer gestellt.
Schupps – ist das Layout hin. Auch verhalten sich Browser oft unterschiedlich.
Und erzwungene Umbrüche sind schlechtes Webdesign.
Typografie verhält sich im Internet anders, als im Print.

 

[McMuhaus]

Hier ist die Seite:

www.domschenke-billerbeck.de

 

[falkgottschalk]

cool.
Und wir raten jetzt alle mal, wo etwas fehlt?

Bitte ein paar mehr Hinweise, Ostern ist schon rum.

 

[McMuhaus]

Ehhh.. Tut mir Leid

Mir wurde gesagt, unter Specials - Tagung steht "Arbeiten mit Wohlfühlgarantie.Ausgestattet" in einer Zeile.
Bei Arrangements steht "fordern Sie unverbindlich unsere Unterlagen" in einer Zeile. Und wenn gesagt wurde, der Text fehlt, dann auf allen Seiten.
Aus deiner Antwort schließe ich mal, dass du Text sehen konntest...

 

[rm -r *]

....
Soweit so gut. W3c und der Css Validator melden auch keine Fehler.
...

Ein paar Fehler meldet der Validator schon, aber das sind auf den ersten Blick keine großen Sachen.

Gib doch mal einen Link auf eine konkrete Seite wo der Text mal da ist und mal nicht, oder tritt das bei allen Seiten auf, wo dieses #textElement ist ?

 

[miss.moxy]

<p class="text_norm" style="padding-top: 80px;">Arbeiten mit Wohlfühlgarantie.[B][COLOR=Red]<br />[/COLOR][/B]
Ausgestattet mit modernem <br />
Equipment sowie flexiblem <br />
Wandsystem bietet unser <br />
Tagungsraum- und Angebot <br />
das ideale Forum für <br />
entspannte Kommunikation, <br />
kreative Ideen und <br />
durchdachte Konzepte. </p>

Wenn du schon auf die Textumbrüche bestehst, sollte es dann auch
konsequent durchgezogen werden. Da fehlst schlichweg ein Umbruch.

Wie seht es denn aus, wenn du die Zeilenumbrüche weglässt?
Dann gäbs das ganze Problem nicht und es wäre etwas professioneller

Warum der Win-FF spinnt, müsste ich erst selber testen.

 

[falkgottschalk]

Ich konnte irgend einen Text sehen.

Und je nach dem, wie ich die Schriftgröße meines Browsers einstelle, sieht die Seite mal so und mal so aus, siehe Anhang.


Sorry, aber ich nenne das dann Murks.

 

[McMuhaus]

Da bin ich wieder.

Lassen wir das mit den Umbrüchen mal so stehen.
Ich versuche es später noch mal ohne und/oder konsequent mit.

Aber das Problem ist jetzt eher sekundär.
Was viel gravierender ist, dass manche den Text gar nicht sehen können.
Könnt ihr euch das erklären?
Kann es sein, dass sich der Ebenenhintergrund über den Text legt?

Und, gibt es eine Möglichkeit, das Design so weit wie möglich so zu übernehmen und die Seite trotzdem flexiblel zu gestalten, dass das mit der Schriftgröße passt? Irgendwelche Stichwörter, wo ich mich mal reinlesen sollte?

Danke schon mal an alle!

 

[rm -r *]

... Irgendwelche Stichwörter, wo ich mich mal reinlesen sollte?
...

Die Seite besteht ja schon weitesgehend aus divs was schonmal gut ist.

Hast Du das alles selber geschrieben, oder benutzt Du tools wie Dreamweaver, GoLive, oder so ?

Die Stichworte sind hier: CSS, em anstatt px

Wenn Du hergehst und für höhen und breiten konsequent em statt px-Werte nimmst, dann skalieren alle Seitenlelemente mit der Schrift mit.

Beispiel: wdr.de oder (hoffentlich) alle anderen Seiten in ÖR-Angeboten.

 

[McMuhaus]

Ich hab den Code in Dreamweaver selber geschrieben.
Ich werde mich dann mal in die em Sachen einlesen und ein bisschen rumprobieren, was so alles passiert, wenn ich die Pixel-Angaben durch em-Werte ersetze. Damit bin ich dann aber auf dem richtigen Weg, oder hab ich mir das zu einfach vorgestellt?