"top:-100%" -- wirklich -100%?
Klaus Wasserbaum
- css
0
MudGuard
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>
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