Inhaltselemente unter Safari nicht sichtbar?

[kubjo]

Hi Leute,
ich habe eine Webseite mit 3.2.7 erstellt und alles läuft gut. Leider hat der Kunde einen MAC und verwendet Safari als Browser.
Jetzt hat er selbst einen Text eingefügt, der aber bei ihm nicht zu sehen ist. Auf meinen Win/FF ist alles bestens, erst wenn man dem Text eine grid-Klasse mit gibt erscheint der Text auf seinem MAC/Safari.
Habt ihr das Problem auch schon mal gehabt?


Grüße aus Ludwigsburg
Jochen Kubik

[Spooky]

Gibt es einen link zu dem Artikel bzw. der Seite wo das jeweilige Inhaltselement zu sehen ist?

[kubjo]

Hi Spooky,

ja, ich habe mal eine Testseite eingrichtet:

http://www.physioteam-filarski.de/test.html

Die Originalseite (mit grid9 als Klasse im letzten Textteil "Unser Ziel" ) sieht so aus:

http://www.physioteam-filarski.de/unser-team.html

Inzwischen habe ich das mal unter Windows/Chrome getestet und es passiert das gleiche wie unter MAC/Safari, der Text fehlt.
Mir ist aufgefallen, daß der letzte Text die klasse ".block" bekommt, mit der "overflow=hidden" angewendet wird.
Wenn ich das deaktivieren (über die Entwicklertools) dann erscheint auch der Text wieder. Nur wie kann ich das aus den CSS werfen?

Grüße aus Ludwigsburg
Jochen Kubik

[Spooky]

Du verwendest das Contao grid System, hast aber dem letzten Element (also das Element das "verschwindet") keine Grid Klasse gegeben. Auch dem letzten Element musst du die Klasse "grid9" geben, wie die Elemente davor.

[kubjo]

Hi Spooky,

ja, das ist mir klar! Nur warum muß im Safari/Chrome die KLasse vergeben sein, wärend der FF das CE einfach auch ohne diese Klasse darstellt. Zumal das CE ja die gesamte zur Verfügung stehende Breite einnehmen darf/soll, es also erst mal keine große Notwendigkeit gibt, ihm diese Klasse mit zu geben.

Grüße aus Ludwigsburg
Jochen Kubik

[Spooky]

Hi Spooky,

ja, das ist mir klar! Nur warum muß im Safari/Chrome die KLasse vergeben sein, wärend der FF das CE einfach auch ohne diese Klasse darstellt. Zumal das CE ja die gesamte zur Verfügung stehende Breite einnehmen darf/soll, es also erst mal keine große Notwendigkeit gibt, ihm diese Klasse mit zu geben.

Grüße aus Ludwigsburg
Jochen Kubik

Schwer zu sagen, sieht mir nach misbehavior im Webkit aus.

Da du ohnehin die gesamte Breite des Artikels benutzt kannst du alternativ auch einfach alle grid9 classes entfernen.

[kubjo]

Hi Spooky,

ja das klappt, wenn ich allen CEs die grid9-Klasse wegnehme, wird wieder alles dargestellt!
Komisch!

Grüße aus Ludwigsburg
Jochen Kubik

[pmmueller]

ja, das ist mir klar! Nur warum muß im Safari/Chrome die KLasse vergeben sein, wärend der FF das CE einfach auch ohne diese Klasse darstellt. Zumal das CE ja die gesamte zur Verfügung stehende Breite einnehmen darf/soll, es also erst mal keine große Notwendigkeit gibt, ihm diese Klasse mit zu geben.

Nach einer Gridzeile muss gecleart oder weiter gefloatet werden, sonst verschwindet die nächste Zeile unter Umständen im Nichts.

[kubjo]

Hallo Peter,

Nach einer Gridzeile muss gecleart oder weiter gefloatet werden, sonst verschwindet die nächste Zeile unter Umständen im Nichts.

Wie cleart man "richtig"?

Grüße aus Ludwigsburg
Jochen Kubik

[pmmueller]

Wie cleart man "richtig"?

Es geht darum, dass die von den Gridklassen gefloateten DIVS die darin enthaltenen Elemente und Inhalte umschließen:

http://little-boxes.de/lb1/14.5-vier...on-floats.html

Aktueller und ausführlicher steht das in "Einstieg in CSS", Kapitel 18 "Containing Floats".

In Contao ist es am einfachsten, an der entsprechenden Stelle ein zusätzliches HTML-Element einzufügen, z. B. <div class="clear">&nbsp;</div>.

crg-clear-boldt-media.jpg (Powerpoint-Folie zum Thema aus meinem Seminar bei BOLDT Media)

Die Klasse clear wird im CSS-Framework definiert.