Klaus Wasserbaum: "top:-100%" -- wirklich -100%?

hallo, jungs & maedchen.

ich arbeite z.zt. an einem div-scroller [bitte dieses mal nicht ueber sinn & unsinn eines solchen diskutieren, danke!], welcher dem top-wert vom <span>-element, welches dem zu scrollenden text enthaelt, einen negativen %-wert zuteilt, um es scrollen zu lassen - ok, soweit..

bei sehr umfangreichen texten jedoch sind -100% wohl nur -40%,-50% oder -60%? wie loese is dies mittels CSS, so dass -100% auch wirklich -100% sind, & das ende vom text sichtbar ist?

beispiel... :

<html>
<body>

<div style="position:absolute;top:25px;left:25px;width:400px;height:400px;overflow:hidden;background-color:#eee;">

<span style="position:relative;left:0px;top:-100%;">
//////////////////////////////////////////////////////////
langer, langer text - mehr als 5000 zeichen..
/////////////////////////////////////////////////////////
</span>

</div>

</body>

</html>

  1. Hi,

    ich arbeite z.zt. an einem div-scroller [bitte dieses mal nicht ueber sinn & unsinn eines solchen diskutieren, danke!], welcher dem top-wert vom <span>-element, welches dem zu scrollenden text enthaelt, einen negativen %-wert zuteilt, um es scrollen zu lassen - ok, soweit..

    <div style="position:absolute;top:25px;left:25px;width:400px;height:400px;overflow:hidden;background-color:#eee;">
    <span style="position:relative;left:0px;top:-100%;">

    Prozentwerte bei top beziehen sich auf die Höhe des umgebenden Blocks - das ist in Deinem Fall das div. 100% von dessen Höhe sind 400px.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.