DIV HELP!! |
![]() ![]() |
DIV HELP!! |
Jul 13 2007, 04:54 PM
Post
#1
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 36 Joined: May 2006 Member No: 406,804 |
Do anyone knows the div codes with no scroll bars ?:) I need it for my layout
|
|
|
|
Jul 13 2007, 05:03 PM
Post
#2
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
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* |
Jul 13 2007, 09:20 PM
Post
#3
|
|
Guest |
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.
|
|
|
|
Jul 13 2007, 09:22 PM
Post
#4
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
^She said she wanted it to have NO scrollbars.
|
|
|
|
| *SinfullySweet* |
Jul 14 2007, 02:13 AM
Post
#5
|
|
Guest |
|
|
|
|
| *tripvertigo* |
Jul 17 2007, 12:07 PM
Post
#6
|
|
Guest |
well overflow: hidden would probably work better. that way you dont have scrollbars in any direction.
|
|
|
|
![]() ![]() |