ChrisB: Safari und float

Beitrag lesen

Hi,

Wichtig ist, dass die Position des Parent-Div's auf fixed bleibt.

Wichtig ist, dass du zu den Werten/Maszen, die dir wichtig sind, auch passende Angaben machst.

CSS 2.1, 10.3 Calculating widths and margins, 10.3.7 Absolutely positioned, non-replaced elements:
(Das gilt fuer fixed ebenso wie fuer absolute.)

If all three of 'left', 'width', and 'right' are 'auto': First set any 'auto' values for 'margin-left' and 'margin-right' to 0. Then, if the 'direction' property of the containing block is 'ltr' set 'left' to the static position and apply rule number three below; otherwise, set 'right' to the static position and apply rule number one below.

1. 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit. Then solve for 'left'

3. 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit . Then solve for 'right'

"then the width is shrink-to-fit" ist hier das wichtige - mache das Element nur so breit, wie's noetig ist, damit der Inhalt reinpasst.

Und da du *weder* fuer width, noch fuer left und right eine Angabe gemacht hast - ist das Verhalten des Safari vollkommen korrekt IMHO.

Wenn du keine width-Angabe machen willst - dann lasse die Breite inplizit aus den left- und right-Angaben herleiten.

MfG ChrisB

--
"The Internet: Technological marvel of marvels - but if you don't know *what* you're lookin' for on the Internet, it is nothing but a time-sucking vortex from hell."