קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<style type="text/css">
html{
*overflow-y: hidden; /*Mozilla and Opera won't render it*/
}
body{
margin: 0;
overflow-y: auto;/*Mozilla and Opera won't render it*/
height: 100%;
}
#fixedBox{
position: fixed !important;/*For Mozilla and Opera only*/
border: 1px solid black;
background-color: blue;
position: absolute;/*Mozilla and Opera won't render it*/
top: 5%;
left: 2%;
width: 25%;
height: 5ex;
}
</style>
</head>
<body>
<div id="fixedBox">
<p>טקסט תקוע</p>
</div>
<div id="sometext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque a massa eu nibh viverra volutpat. Mauris laoreet adipiscing nunc. Nullam facilisis iaculis nulla. Suspendisse potenti. Vivamus adipiscing nisi ut magna. Suspendisse rhoncus massa ut felis. Morbi neque tortor, varius eu, scelerisque a, pretium nec, neque. Fusce venenatis aliquam metus. Suspendisse bibendum consectetuer ligula. Maecenas suscipit lectus vehicula libero. Maecenas scelerisque neque at arcu. Etiam tincidunt rutrum mauris. Pellentesque sodales convallis massa. Etiam lobortis tortor sed arcu. Sed ornare, neque quis posuere porta, mauris lorem vehicula risus, at mattis ipsum mauris elementum tellus. Nulla in augue. Nam quam purus, sodales et, sollicitudin scelerisque, eleifend a, felis. Nam ultricies orci in velit. Vestibulum a mi. Suspendisse potenti.
Quisque lacinia rutrum quam. Sed porta dui id nulla. Aliquam iaculis, odio quis congue consectetuer, lorem nibh gravida magna, a pharetra urna odio non libero. Donec venenatis. Vivamus eu enim eu pede auctor placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed luctus ipsum et nibh. Proin sit amet tellus et dolor tristique posuere. In tempus est a lectus. Nulla nunc elit, gravida non, sollicitudin viverra, ultricies non, odio. Pellentesque diam. Nulla facilisi. Morbi lobortis mi non ligula. Vivamus id tortor. Sed et velit. Maecenas sem mauris, mollis a, tempus eget, consequat a, lorem. Donec consectetuer. Mauris vitae ipsum ac enim gravida porttitor. Phasellus lobortis.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum commodo tempus metus. Fusce tempor fringilla velit. Proin purus pede, interdum ut, tempor consequat, elementum non, mi. Vestibulum mollis eros id nulla. Nam vitae turpis cursus leo suscipit euismod. Ut a risus. Aenean ultricies viverra dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc arcu mauris, tempor nec, fermentum eu, convallis at, lacus. Proin rutrum est id erat. Vestibulum sit amet neque sit amet est interdum tempor. Donec suscipit. Aliquam ac lorem at erat eleifend blandit. Praesent pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eu eros vitae lorem elementum dictum. Pellentesque feugiat congue nunc. Morbi scelerisque sodales nunc.
Suspendisse ornare placerat massa. Praesent gravida. Vivamus lacus. In arcu. Vivamus quis elit. Fusce convallis tincidunt tortor. Fusce vel sapien. Aenean orci risus, ultricies et, ullamcorper vel, suscipit vel, sem. Aliquam non dolor. Sed vitae felis. Quisque pulvinar erat sit amet enim. Nunc felis urna, ultricies nec, ultrices non, imperdiet sit amet, orci. Etiam quis quam. Suspendisse commodo arcu non enim. Nam sed felis sed sapien porttitor laoreet. Vestibulum ornare eros et tortor. Cras nonummy est id ipsum.
Phasellus leo. Praesent ac orci in justo vehicula varius. Integer vulputate quam eget nulla posuere vestibulum. Proin at justo. Sed ac turpis. Quisque posuere dapibus quam. Praesent dapibus augue. Praesent rutrum leo et ipsum. Vivamus vehicula lacinia ligula. Donec et magna. Nulla euismod tristique ante. Praesent sollicitudin, ipsum ut interdum dignissim, dui lorem volutpat turpis, vel tristique nibh augue id erat. Vivamus neque. Nam porttitor, urna non egestas vehicula, lacus enim tempor est, id pulvinar ligula ante et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ullamcorper. Morbi suscipit sollicitudin sem.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque a massa eu nibh viverra volutpat. Mauris laoreet adipiscing nunc. Nullam facilisis iaculis nulla. Suspendisse potenti. Vivamus adipiscing nisi ut magna. Suspendisse rhoncus massa ut felis. Morbi neque tortor, varius eu, scelerisque a, pretium nec, neque. Fusce venenatis aliquam metus. Suspendisse bibendum consectetuer ligula. Maecenas suscipit lectus vehicula libero. Maecenas scelerisque neque at arcu. Etiam tincidunt rutrum mauris. Pellentesque sodales convallis massa. Etiam lobortis tortor sed arcu. Sed ornare, neque quis posuere porta, mauris lorem vehicula risus, at mattis ipsum mauris elementum tellus. Nulla in augue. Nam quam purus, sodales et, sollicitudin scelerisque, eleifend a, felis. Nam ultricies orci in velit. Vestibulum a mi. Suspendisse potenti.
Quisque lacinia rutrum quam. Sed porta dui id nulla. Aliquam iaculis, odio quis congue consectetuer, lorem nibh gravida magna, a pharetra urna odio non libero. Donec venenatis. Vivamus eu enim eu pede auctor placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed luctus ipsum et nibh. Proin sit amet tellus et dolor tristique posuere. In tempus est a lectus. Nulla nunc elit, gravida non, sollicitudin viverra, ultricies non, odio. Pellentesque diam. Nulla facilisi. Morbi lobortis mi non ligula. Vivamus id tortor. Sed et velit. Maecenas sem mauris, mollis a, tempus eget, consequat a, lorem. Donec consectetuer. Mauris vitae ipsum ac enim gravida porttitor. Phasellus lobortis.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum commodo tempus metus. Fusce tempor fringilla velit. Proin purus pede, interdum ut, tempor consequat, elementum non, mi. Vestibulum mollis eros id nulla. Nam vitae turpis cursus leo suscipit euismod. Ut a risus. Aenean ultricies viverra dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc arcu mauris, tempor nec, fermentum eu, convallis at, lacus. Proin rutrum est id erat. Vestibulum sit amet neque sit amet est interdum tempor. Donec suscipit. Aliquam ac lorem at erat eleifend blandit. Praesent pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eu eros vitae lorem elementum dictum. Pellentesque feugiat congue nunc. Morbi scelerisque sodales nunc.
Suspendisse ornare placerat massa. Praesent gravida. Vivamus lacus. In arcu. Vivamus quis elit. Fusce convallis tincidunt tortor. Fusce vel sapien. Aenean orci risus, ultricies et, ullamcorper vel, suscipit vel, sem. Aliquam non dolor. Sed vitae felis. Quisque pulvinar erat sit amet enim. Nunc felis urna, ultricies nec, ultrices non, imperdiet sit amet, orci. Etiam quis quam. Suspendisse commodo arcu non enim. Nam sed felis sed sapien porttitor laoreet. Vestibulum ornare eros et tortor. Cras nonummy est id ipsum.
Phasellus leo. Praesent ac orci in justo vehicula varius. Integer vulputate quam eget nulla posuere vestibulum. Proin at justo. Sed ac turpis. Quisque posuere dapibus quam. Praesent dapibus augue. Praesent rutrum leo et ipsum. Vivamus vehicula lacinia ligula. Donec et magna. Nulla euismod tristique ante. Praesent sollicitudin, ipsum ut interdum dignissim, dui lorem volutpat turpis, vel tristique nibh augue id erat. Vivamus neque. Nam porttitor, urna non egestas vehicula, lacus enim tempor est, id pulvinar ligula ante et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ullamcorper. Morbi suscipit sollicitudin sem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque a massa eu nibh viverra volutpat. Mauris laoreet adipiscing nunc. Nullam facilisis iaculis nulla. Suspendisse potenti. Vivamus adipiscing nisi ut magna. Suspendisse rhoncus massa ut felis. Morbi neque tortor, varius eu, scelerisque a, pretium nec, neque. Fusce venenatis aliquam metus. Suspendisse bibendum consectetuer ligula. Maecenas suscipit lectus vehicula libero. Maecenas scelerisque neque at arcu. Etiam tincidunt rutrum mauris. Pellentesque sodales convallis massa. Etiam lobortis tortor sed arcu. Sed ornare, neque quis posuere porta, mauris lorem vehicula risus, at mattis ipsum mauris elementum tellus. Nulla in augue. Nam quam purus, sodales et, sollicitudin scelerisque, eleifend a, felis. Nam ultricies orci in velit. Vestibulum a mi. Suspendisse potenti.
Quisque lacinia rutrum quam. Sed porta dui id nulla. Aliquam iaculis, odio quis congue consectetuer, lorem nibh gravida magna, a pharetra urna odio non libero. Donec venenatis. Vivamus eu enim eu pede auctor placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed luctus ipsum et nibh. Proin sit amet tellus et dolor tristique posuere. In tempus est a lectus. Nulla nunc elit, gravida non, sollicitudin viverra, ultricies non, odio. Pellentesque diam. Nulla facilisi. Morbi lobortis mi non ligula. Vivamus id tortor. Sed et velit. Maecenas sem mauris, mollis a, tempus eget, consequat a, lorem. Donec consectetuer. Mauris vitae ipsum ac enim gravida porttitor. Phasellus lobortis.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum commodo tempus metus. Fusce tempor fringilla velit. Proin purus pede, interdum ut, tempor consequat, elementum non, mi. Vestibulum mollis eros id nulla. Nam vitae turpis cursus leo suscipit euismod. Ut a risus. Aenean ultricies viverra dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc arcu mauris, tempor nec, fermentum eu, convallis at, lacus. Proin rutrum est id erat. Vestibulum sit amet neque sit amet est interdum tempor. Donec suscipit. Aliquam ac lorem at erat eleifend blandit. Praesent pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eu eros vitae lorem elementum dictum. Pellentesque feugiat congue nunc. Morbi scelerisque sodales nunc.
Suspendisse ornare placerat massa. Praesent gravida. Vivamus lacus. In arcu. Vivamus quis elit. Fusce convallis tincidunt tortor. Fusce vel sapien. Aenean orci risus, ultricies et, ullamcorper vel, suscipit vel, sem. Aliquam non dolor. Sed vitae felis. Quisque pulvinar erat sit amet enim. Nunc felis urna, ultricies nec, ultrices non, imperdiet sit amet, orci. Etiam quis quam. Suspendisse commodo arcu non enim. Nam sed felis sed sapien porttitor laoreet. Vestibulum ornare eros et tortor. Cras nonummy est id ipsum.
Phasellus leo. Praesent ac orci in justo vehicula varius. Integer vulputate quam eget nulla posuere vestibulum. Proin at justo. Sed ac turpis. Quisque posuere dapibus quam. Praesent dapibus augue. Praesent rutrum leo et ipsum. Vivamus vehicula lacinia ligula. Donec et magna. Nulla euismod tristique ante. Praesent sollicitudin, ipsum ut interdum dignissim, dui lorem volutpat turpis, vel tristique nibh augue id erat. Vivamus neque. Nam porttitor, urna non egestas vehicula, lacus enim tempor est, id pulvinar ligula ante et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ullamcorper. Morbi suscipit sollicitudin sem.
</div>
</body>
</html>
ראשי
צ'אט
29-04-2006, 17:37
מצב כלאיים
