CSS: kuvan kiinnitys, tekstin vieritys [Ratkaistu]

[AimoE]

Huomasin taas, kuinka monessa pikku laitteessa on kello. Kotona ei ole yhtään sekuntiviisarikelloa, joka pysyisi ajassa, joten olen Javascriptillä tehnyt HTML-sivun, joka näyttää minulle tietokoneella kellon sekunnin tarkkuudella. Olen koonnut kaikkien laitteiden asetusohjeet tälle samalle HTML-sivulle.

Nyt yritän löytää oikeat CSS-loitsut, joilla saisin kellon pysymään paikallaan, kun vieritän tekstiä sen vasemmalla puolella. Voinhan minä sitä kelloa varten avata erillisen selainikkunankin, mutta ihan mielenkiinnosta kumminkin: miten kiinnitän kellon (DIV-elementin) näkymään paikallaan vieressä olevan tekstin vierityksestä riippumatta? Olen aika paljon neuvoja hakenut netistä, mutta toimiva yhdistelmä on vielä hukassa.

[nm]

miten kiinnitän kellon (DIV-elementin) näkymään paikallaan vieressä olevan tekstin vierityksestä riippumatta?

Koodia: [Valitse]

position:fixed
Esimerkki: https://davidwalsh.name/css-fixed-position

[AimoE]

Olin tuota jo kokeilut, mutta en saanut sitä toimimaan siten, että teksti on vasemmalla ja kello oikealla ilman päällekkäisyyttä.

[AimoE]

Löysin vinkin joka näyttää lupaavalta. Kokeilen sitä seuraavaksi.

[AimoE]

Sain sen toimimaan vain niin päin, että kello on vasemmalla ja teksti oikealla. Mutta onnistuihan se lopulta.

Koodia: [Valitse]

#text { width: 50%; float: right; }
#clock { width: 50%; position: fixed; }