ansaurus

Question

Can a large div not trigger browser scroll bars?

Answer 1

+1 A:

set the div to overflow: hidden

bemace 2010-10-29 22:43:38

This won't work- see my edits

Yarin 2010-10-30 16:13:29

Answer 2

A:

Set these attrs in css class:

overflow: hidden;
max-height:300px;

Change 300px to your desire length.

Sag-e-Attar Junaid Atari 2010-10-30 00:55:53

This won't work- see my edits

Yarin 2010-10-30 16:13:51

Answer 3

A:

Based on the additional info I came up with this example. The image is the background of a div that fills the whole visible area and pretty much acts just like it's the body's background image (tested in firefox). You could even scroll around the image by modifying the background-position attribute.

<html>
<head>
<style>
#test {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url('http://farm5.static.flickr.com/4121/4805074237_6cf5880f75_o.jpg');
    background-position: 50% 50%;
    overflow: none;
    z-index: -1;
}
</style>
</head>
<body>
<div id="test">
</div>

Here's some other stuff in the body of the page.

<div>
and some stuff in a div in the body of the page.
</div>

</body>
</html>

bemace 2010-10-30 19:29:52

ansaurus

tags:

views:

answers:

Can a large div not trigger browser scroll bars?

related questions