Text wird auf Safari nicht angezeigt

[Christina]

Bin absoluter Neuling und habe eine Seite mit css erstellt, funktioniert tadellos auf IE und FF, allerdings wird bei Safari kein Text dargestellt. Bitte um Hilfe
www.physio-klagenfurt.at

 

[der_gerrit]

Hey Christina!

Du musst im CSS in der ID "text" das Attribut overflow bearbeiten.

Bei dir steht :

#text {
    margin: 40px 160px 20px 730px;
    line-height: 17px;
    font-size: 11px;
    color: #525050;
    height: 380px;
    overflow: auto; /* hier liegt der fehler */
}

Stattdessen sollte das da stehen

overflow: visible;

Ich weiß grad nicht mehr warum, aber Safari hat einfach was gegen overflow: auto;

 

[neuroleptika]

Hey Christina!

overflow: visible;

Ich weiß grad nicht mehr warum, aber Safari hat einfach was gegen overflow: auto;

Soweit wie ich das sehe, wird hier overflow: auto tatsächlich mal eingesetzt wofür es gedacht ist. Nämlich ein Scrollbalken wenn height: 380px; überschritten wird.
Eine Nebenwirkung ist allerdings, daß nicht nur der Inhalt das Float (#flash ) umfließt sondern #text komplett neben dem Float beginnt.
Somit ist margin-left: 730px; viel zu hoch. Setze es testhalber mal auf 0:

margin: 40px 160px 20px [B][COLOR="#8b0000"]0px[/COLOR][/B];

 

[der_gerrit]

margin: 40px 160px 20px [B][COLOR=#8b0000]0px[/COLOR][/B];

Hast recht. Funktioniert aber auch nur richtig wenn :

#flash {
width: 410px;
}

Ansonsten klebt der Text nämlich in der Flash-Animation fest.

 

[neuroleptika]

margin-left: 0; war doch nur ein Beispiel.
Der Wert kann ja höher sein, nur muß #text noch neben #flash passen.

Ich würde aber allen Spalten float: left; geben (auch #text).
Für overvlow und height würde ich einen weiteren Container in #text schreiben.