Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Scroll Bars

Status
Not open for further replies.
seanbo

seanbo

Programmer
Jun 6, 2003
407
GB
i have a table that is 690px wide. it appears in a frame that is 720px wide. in internet explorer, the frame has a slight scroll bar at the bottom - even though it doesn't need one. I trid making the table 20px thinner, but the scroll bar still appeared. is there a way of getting rid of this scroll bar without loosing my vertical one?

____________________________________________________
If you like a post, show you care by giving it a <censored>.
 
Sort by date Sort by votes
What you could do is add the

body { overflow-x: hidden; }

in the frame where this table appears. It will get rid of horizontal scrollbar. It is not standard css tag and only IE supports it but since this is an IE problem it is all the same. Note however, that people who have smaller screens (and using IE) won't be able to see the entire page since they'll have no horizontal scrollbar.
 
Upvote 0 Downvote
i don't understand where to add this code.

____________________________________________________
If you like a post, show you care by giving it a <censored>.
 
Upvote 0 Downvote
In a separate CSS file which the frame in question uses or in the <head> </head> section of the frame like so:
Code: 
<style type=&quot;text/css&quot;>
    body { overflow-x: hidden; }
</style>
Hope it helps.
 
Upvote 0 Downvote
right. i've done that. it hasn't helped. i still have the scroll bar.

____________________________________________________
If you like a post, show you care by giving it a <censored>.
 
Upvote 0 Downvote
It worked for me in the IE, but I did it without the frames. Which IE are you using? Could you provide a link to the site so I could check the entire code?
 
Upvote 0 Downvote
i'm using ie 6.0

i can't show you the entire site, i haven't got the code up yet.

here's a code snippet:

<head>
<title>Untitled Document</title>
<script language=&quot;javascript&quot;>
var mainState=&quot;home&quot;;
top.navi.setState(mainState);
</script>

<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<link href=&quot;../universal/css/blue.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;>

<style type=&quot;text/css&quot;>
body { overflow-x: hidden; }
</style>
</head>


nothing in blue.css specifies anything to do with scroll bars. it's just text, border and background stuff.

____________________________________________________
If you like a post, show you care by giving it a <censored>.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

makamo66
  • Locked
  • Question
Horizontal Scroll Bar Not Hidden for Media Query
Replies
3
Views
127
makamo66
makamo66
c0deM0nK424
  • Locked
  • Question
Horrible Vile 'horizontal overflow' appearing on bootstrap smooth scrolling website ?
Replies
2
Views
110
vacunita
vacunita
lupidol
  • Locked
  • Question
CSS: How can I keep the header of an HTML table fixed while scrolling the page?
Replies
4
Views
154
jbenson001
jbenson001
PCHomepage
  • Locked
  • Question
iFrame Scrolling Without Body Scrolling
Replies
8
Views
958
PCHomepage
PCHomepage
aich69
  • Locked
  • Question
Page position with/without vertical scroll bar.
Replies
2
Views
103
aich69
aich69

Part and Inventory Search

Sponsor

Back
Top