ansaurus

Question

CSS - How to prevent the browser from showing scrollbars when a div goes outside of the window?

Answer 1

+2 A:

You are looking for #your_div { overflow: hidden; }, if you want your content to be hidden. Or #your_div { overflow: visible; } if you want your content visible outside the div.

Arko 2010-04-14 12:00:06

the problem is, its not really outside the div, the wrapper grows with the inner div if i set overflow to visible, which makes the browser show scrollbars

2010-04-14 12:13:48

Aw... okay so you where talkling about the broswer's window scrollbars.I will then start with the wrapper div's width set to be 100% of the window's size, and insuring no content will be larger than that. But you have a bit of work to refactor your css according to this...

Arko 2010-04-14 12:18:27

Answer 2

+3 A:

You can set overflow: hidden to the wrapper so that content that exceeds the dimensions of wrapper will not be shown.

see overflow

rahul 2010-04-14 12:00:22

i want the overflow visible, i want the image to show outside the wrapper, but i dont want the browser to show scrollbars because of it

2010-04-14 12:09:13

Answer 3

+1 A:

The only method that springs to mind given your requirements is to move the inner element out of that wrapper div and position it in relation to the entire window:

<body>
  <div class="abs">the div with the image</div>
  <div class="wrapper">the wrapper div</div>
</body>

Unfortunately, this probably means you can't position it very well. You may need to use Javascript to get the width/height of the page and/or the position of the wrapper div, and calculate the offset accordingly. (You'll find questions on Stack Overflow for these bits.)

DisgruntledGoat 2010-04-14 12:18:08

Answer 4

A:

The problem lies with the img being inline. Not tested but you should 'display:block' the image and then float it or absolutely position it.

Rob 2010-04-14 12:54:01

ansaurus

tags:

views:

answers:

CSS - How to prevent the browser from showing scrollbars when a div goes outside of the window?

related questions