Discussion:
Horizontal scrolling problem
(too old to reply)
Streets 77
2005-10-11 10:08:16 UTC
Permalink
I have a frameset with dynamic data being shown within one frame. I do not
want a horizontal scroll bar to appear, but it does whenever I put a dynamic
table in this frame. If I put a static table in, no problems. Any ideas on
what I'm doing wrong? Here is the code for the frameset:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Activity Overview</title>
</head>

<frameset rows="141,*,119" frameborder="0" border="0" framespacing="0">
<frame src="ActivityTop.html" name="toppestOne" scrolling="no"
noresize="noresize" id="toppestOne" title="topFrame" />
<frameset cols="*,756,*" frameborder="no" border="0" framespacing="0">
<frame src="blank.html" name="leftestOne" scrolling="no"
noresize="noresize" id="leftestOne" title="leftFrame" />
<frame src="Activity.asp" name="mainestOneest" scrolling="auto" id="mainOne"
title="mainestOne" />
<frame src="blank.html" name="scrollbarestOne" scrolling="auto"
id="scrollbarestOne" title="scrollbarestOne" />
<frame src="blank.html" name="rightestOne" scrolling="No"
noresize="noresize" id="rightestOne" title="rightFrame" />
</frameset>
<frame src="ActivityBottom.html" name="bottomestOne" scrolling="No"
noresize="noresize" id="bottomestOne" title="bottomestOne" />
</frameset>
<noframes><body>
</body>
</noframes></html>

And here's the page code for the main frame (in the middle) that's causing
probs. It's called "Activity.asp":


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Activity plan main page</title>
<style type="text/css">
<!--
@import url("Lira style sheet.css");
-->
</style>
</head>
<body>
<table border="0">
<tr>
<td>MeetingTitle</td>
</tr>

<tr>
<td>
"American Diabetes Association (ADA)"</td>
</tr>

<tr>
<td>
"American Diabetes Association (ADA)"</td>
</tr>

<tr>
<td>
"American Diabetes Association (ADA)"</td>
</tr>

<tr>
<td>
"American Diabetes Association (ADA)"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

<tr>
<td>
"85th Annual Meeting of the Endocrine Society"</td>
</tr>

</table>
</body>
</html>

I appreciate any light anyone could shed on this prob for me.
mitch
2005-10-11 14:57:53 UTC
Permalink
Something similair happened to me and this fixed it:

http://www.macromedia.com/devnet/dreamweaver/articles/horizontal_scroll.html

Scroll down till you see this section:

"How To Avoid Horizontal Scroll Bars in Internet Explorer 6"

Let us know if that works.
Streets 77
2005-10-11 16:25:18 UTC
Permalink
Thanks for the reply.

No dice unfortunately on that particular solution, but thanks. I had the
following in my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

...and knocked 'er down to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">

...and then, just for fun, down to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

to see if that helped at all, but no luck.

One thing I have noticed is that as I decrease the size of my table that fits
into this page and subsequently into the frame, the amount of space that stays
white on the right, padding out my table remains the same. This amount of
white space looks exactly like the amount created by the width of the VERTICAL
scroll bar. Does this mean anything to you?

Thanks for the help!
mitch
2005-10-11 21:02:27 UTC
Permalink
I see that you have not indicated a width for the main table, what happens
if you set it to something like 90% width?
Post by Streets 77
Thanks for the reply.
No dice unfortunately on that particular solution, but thanks. I had the
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
to see if that helped at all, but no luck.
One thing I have noticed is that as I decrease the size of my table that fits
into this page and subsequently into the frame, the amount of space that stays
white on the right, padding out my table remains the same. This amount of
white space looks exactly like the amount created by the width of the VERTICAL
scroll bar. Does this mean anything to you?
Thanks for the help!
Streets 77
2005-10-12 08:55:01 UTC
Permalink
Thanks for the eagle eyes! For some strange reason, I actually do have the
table width set, but it did not show up there. I just looked and sure enough,
it's set to 750 px, with the same problem with the scroll bar. And now that I
look at the code, it reflects the width. Must've turned the width off as a
test, then sent the code in as it was. But thanks for your thought anyway.

Incidentally, I have tried changing the width of the table to more/less px,
and more/less % with no effect to the horizontal scrolling. It is perplexing.
I am convinced that it has something to do with the width of the vertical
scroll bar.
mitch
2005-10-12 13:54:20 UTC
Permalink
Is there anyway to see this live?
Post by Streets 77
Thanks for the eagle eyes! For some strange reason, I actually do have the
table width set, but it did not show up there. I just looked and sure enough,
it's set to 750 px, with the same problem with the scroll bar. And now that I
look at the code, it reflects the width. Must've turned the width off as a
test, then sent the code in as it was. But thanks for your thought anyway.
Incidentally, I have tried changing the width of the table to more/less px,
and more/less % with no effect to the horizontal scrolling. It is perplexing.
I am convinced that it has something to do with the width of the vertical
scroll bar.
Streets 77
2005-10-12 14:25:29 UTC
Permalink
Can't show live unfortunately, but what about a screen shot?
mitch
2005-10-12 17:57:35 UTC
Permalink
Nah...that's ok.

My gut tells me it has something to do with the fixed width of the center
column, What if you made the left and right column fixed and the center one
* ?

Also, if this was my web site and I was trouble shooting it I would start
with a simple to row frame, the bottom one being the dynamic page and see if
it works. If it does then I would add another column on the left to see if
that breaks it and then keep going.

Hope that helps, keep us informed.
Post by Streets 77
Can't show live unfortunately, but what about a screen shot?
Streets 77
2005-10-13 09:06:09 UTC
Permalink
Thanks again for the thoughts. No dice on those suggestions unfortunately. I
tried those before with no luck. Made Just top, bottom frame, with the main
frame asp page showing in bottom frame. Tried giving all current frames (cols)
a value of "*,*,*" and that's no good either. Each time the width of the
scroll bar is the exact width of the width of the vert scroll bar, which is the
only scroll bar that's needed. It's very strrange behaviour and the suspense
is killing me.

Thanks again, hopefully someone will have seen this type of behaviour before...
Streets 77
2005-10-17 09:32:56 UTC
Permalink
Still can't figure this mystery out. Any new thoughts or ideas on this one?
kosjka1
2005-11-01 11:31:58 UTC
Permalink
All i left in head is:
<head>
<title>Untitled Document</title>
head>

so this comes in stead of:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

and that solved the problem for me.

Loading...