![]() |
|
Welcome to the UndergroundScene Forums forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! |
|
|||||||
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|
#1 (permalink) |
|
Senior Member
Join Date: Feb 2003
Location: Dundee
Posts: 2,537
![]() |
The div element in html
when using the overflow attribute within a <div> tag is it possible to only have the scroll bar down the side of the of the selected area,
i.e getting rid of the horizontal scrol bar at the bottom |
|
|
|
|
|
#2 (permalink) |
|
Hardcore is serious guys
Join Date: Mar 2003
Location: Dundee
Posts: 5,891 Band: Blasphemous Necrorapist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Can you give more information about what you are trying to do, and what the problem is?
I had a problem recently, where I couldn't get rid of the horizontal scroll-bar at the bottom of an i-frame. The solution was to add "width: 95%" to the style sheet of the page appearing in the i-frame, or add the following to the page. Code:
<STYLE>
body { width: 95%; }
</STYLE>
|
|
|
|
|
|
#3 (permalink) |
|
Senior Member
Join Date: Feb 2003
Location: Dundee
Posts: 2,537
![]() |
rather than using frames i like to use the div element to split up the page,
but to get a <div> element are to scroll you need to use the function "overflow" to bring up the scroll bars, but in doing so you get both the horizontal and the vertical scroll bars, but the page would look better if the horizontal scroll bar wasn't there |
|
|
|
|
|
#4 (permalink) |
|
Registered User
Join Date: Nov 2005
Location: Scotland | Dundee
Posts: 118
![]() ![]() ![]() |
If I understand your probelm correctly, I think you are looking for the attribute - overflow: auto;
Complete test code is here if you would like to try it out. <div id="layerID" style="position:absolute; width:300px; height:200px; z-index:1; overflow: auto;"> Content goes here, content goes here... 1<br> Content goes here, content goes here... 2<br> Content goes here, content goes here... 3<br> Content goes here, content goes here... 4<br> Content goes here, content goes here... 5<br> Content goes here, content goes here... 6<br> Content goes here, content goes here... 7<br> Content goes here, content goes here... 8<br> Content goes here, content goes here... 9<br> Content goes here, content goes here... 10<br> Content goes here, content goes here... 11<br> Content goes here, content goes here... 12<br> Content goes here, content goes here... 13<br> Content goes here, content goes here... 14<br> Content goes here, content goes here... 15<br><br> <b>Hope this helps - ZenElements</b> </div> Hope this helps, ZenElements |
|
|
|
![]() |
| Thread Tools | |
| Display Modes | |
|
|