Help - Search - Members - Calendar
Full Version: DIV HELP!!
Forums > Resource Center > Graphics Help > Graphics Help Resolved Topics
ho0dsoldier
Do anyone knows the div codes with no scroll bars ?:) I need it for my layout
YourSuperior
Try the code below. The overflow: none; is what makes the div not have scrollbars. Edit the following: Margin-Left (moves your div left or right), Margin-Top (moves your div up or down). Edit the width and height of your div also. So basically replace the zeros with actual numbers.

CODE

<style type="text/css">
.layer{
position: absolute;
margin-left: 00px;
margin-top: 00px;
width: 00px;
height: 00px;
overflow: none;
}
</style>

<div class="layer">
CONTENT AND STUFF HERE
</div>


quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px
SinfullySweet
What do you mean? I depends. There a couple of factors. How do you want the height? If you want it to be scrollable, you have to add overflow:auto instead of overflow-x:hidden.
YourSuperior
^She said she wanted it to have NO scrollbars.
SinfullySweet
QUOTE(Alvin @ Jul 13 2007, 09:22 PM) *
^She said she wanted it to have NO scrollbars.


Ohh.. Just make the overflow overflow-x:hidden and make the height auto.
tripvertigo
well overflow: hidden would probably work better. that way you dont have scrollbars in any direction.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.