<p> Element tanzt im Safari Browser aus der Reihe

[tschero]

Hallo Leute,

auf einer Seite links oben, direkt neben dem Logo befindet sich ein <p> Element.
In allen Browsern steht der Text schön brav rechts neben dem Logo.
Nur im Safari rückt der Text nach links und liegt ÜBER dem Logo.

Ich bin gerade zu bräsig um nur den Safari anzusprechen (sollte ja eigentlich -webkit- sein).

Link zur Seite

Hat jemand einen Tipp für mich?

Gruß
tschero

[Moppi]

Hallo tschero,

ich sehe das Problem. Probier doch mal:

.logo {width:360px;}
.logo span {margin-left:115px;}

Gruß, Moppi

[bizon]

Das Problem ist nicht das <p>, sondern das darin befindliche <span>, dem du ein display: block; zugewiesen hast.

[tschero]

Hallo Leute,

In allen anderen Browsern als Safari war alles in Ordnung, daher hätte ich die Änderung "globaler" angehen müssen.

Auch dass das <span> ein Display:block; bekommen hatte war in allen anderen Browsern kein Problem.

Im Safari wird jetzt auch alles korrekt angezeigt, was mich etwas wundert.

Da das Logo als Inhaltselement in einem Artikel steht wird es per iserttag in einem Modul im Layout eingebunden.
Im Inhaltselement "Text" wird das Bild eingebunden.
Ich habe lediglich den Radiobutton bei Bildausrichtung auf "linksbündig" gestellt, da vorher keine Auswahl getroffen war.

Nun funktioniert alles wie es soll; auch mit dem <span> als Blockelement.

Im Firebug fallen mir aber keine Änderungen auf.

Trotzdem vielen Dank an alle für die Hilfe.

Gruß
tschero