...

View Full Version : unwanted horizontal white bar in frames when scrolling yes



austinm81
07-10-2005, 07:53 AM
Hello!!!....I am using frames and want a scrolling news bar...but only want the vertical bar to be displayed....when viewed in firefox everything looks fine but in IE there is a white bar at the bottom of the page I cannot get rid of...Im no expert at code and only build my site in dreamweaver...Im sure other folks have ran in to this problem..anyone???? anyone??? thank you many times over....

ArcticFox
07-11-2005, 08:00 AM
Please, a link to your site, or post code. :)

austinm81
07-11-2005, 09:40 AM
oh yes the code i thought i put that on here.....if you view in both ie and firefox you shall see what i am talking about thanks...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>THE FLOP BOX 2003 - 2005</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<frameset rows="297,*,1" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="UntitledFrame-10.html" name="topFrame" scrolling="no" noresize >
<frameset rows="*" cols="357,*" framespacing="0" frameborder="NO" border="0" noresize>
<frame src="Untitled-2.html" name="leftframe" scrolling="no" noresize>
<frameset rows="*" cols="375,*" framespacing="0" frameborder="NO" border="0">
<frameset rows="53,163" cols="*">
<frame src="UntitledFrame-2.html" name="middleFrame1" scrolling="no" noresize>
<frame src="UntitledFrame-13.html" name="mainframe" scrolling="yes" noresize>
</frameset>
<frame src="UntitledFrame-14.html" name="rightFrame" scrolling="no" noresize>
</frameset>
</frameset>
<frame src="UntitledFrame-15.html" name"mainframe" scrolling="yes">
</frameset>
<noframes><body>

</body></noframes>
</html>

mrruben5
07-11-2005, 09:50 AM
give the frames that you want no horizontal scrollbar a css class, and in your stylesheet define that class with overflow-x:hidden.

<frame name="foo" src="bar" scrolling="yes" noresize="noresize" class="nohorbar">

css:

nohorbar {
overflow-x: hidden
}

By the way the best would be to kill the entire frameset idea, and use inline frame's instead.

austinm81
07-11-2005, 10:58 AM
thanks.... but i still cant get it to work... the frame wont connect with the style sheet???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>THE FLOP BOX 2003 - 2005</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
a.whatever {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-decoration:none;
overflow: hidden;
}
a.whatever:nohorbar {
overflow-x: hidden
}
-->
</style>
</head>

<frameset rows="297,*,1" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="UntitledFrame-10.html" name="topFrame" scrolling="no" noresize >
<frameset rows="*" cols="357,*" framespacing="0" frameborder="NO" border="0" noresize>
<frame src="Untitled-2.html" name="leftframe" scrolling="no" noresize>
<frameset rows="*" cols="375,*" framespacing="0" frameborder="NO" border="0">
<frameset rows="53,163" cols="*">
<frame src="UntitledFrame-2.html" name="middleFrame1" scrolling="no" noresize>
<frame src="UntitledFrame-13.html" name="mainframe" scrolling="yes" noresize="noresize" class="nohorbar">
</frameset>
<frame src="UntitledFrame-14.html" name="rightFrame" scrolling="no" noresize>
</frameset>
</frameset>
<frame src="UntitledFrame-15.html" name"mainframe" scrolling="yes">
</frameset>
<noframes><body>

</body></noframes>
</html>

mrruben5
07-11-2005, 11:08 AM
frame.nohorbar {overflow-x:hidden }

austinm81
07-11-2005, 09:35 PM
I am trying to apply the css into frame 13 but im stil getting no results...i apoligize for dragging this out but it just isn't working....peace

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>THE FLOP BOX 2003 - 2005</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
frame {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-decoration:none;
overflow: hidden;
}
frame.nohorbar {
overflow-x: hidden;
}
-->
</style>
</head>

<frameset rows="297,*,1" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="UntitledFrame-10.html" name="topFrame" scrolling="no" noresize >
<frameset rows="*" cols="357,*" framespacing="0" frameborder="NO" border="0" noresize>
<frame src="Untitled-2.html" name="leftframe" scrolling="no" noresize>
<frameset rows="*" cols="375,*" framespacing="0" frameborder="NO" border="0">
<frameset rows="53,163" cols="*">
<frame src="UntitledFrame-2.html" name="middleFrame1" scrolling="no" noresize>
<frame src="UntitledFrame-13.html" name="mainframe" scrolling="yes" class"nohorbar" noresize>
</frameset>
<frame src="UntitledFrame-14.html" name="rightFrame" scrolling="no" noresize>
</frameset>
</frameset>
<frame src="UntitledFrame-15.html" name"mainframe" scrolling="yes">
</frameset>
<noframes><body>

</body></noframes>
</html>

ArcticFox
07-12-2005, 03:51 AM
**Sorry, edited several times**


From what I can remember (and I may just be getting too old for this) is one cannot apply anything to a Frame or iFrame from outside pages. You'd have to place this;




overflow-x: hidden;




...on the actual "UntitledFrame-13.html" page(s) for it to work. :thumbsup:

*edit* does this CSS;

frame {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-decoration:none;
overflow: hidden;
}

...work for your frames? I'm thinking it doesn't. :confused: That may have to go into the frame page(s) as well.

austinm81
07-12-2005, 06:14 AM
yes that css doesnt work on my home frame or any of them I tried yur suggestion in many different varrations but no luck....... have almost given up... is there any other way for me to do this....???

ArcticFox
07-12-2005, 06:27 AM
is there any other way for me to do this....???

Always! :)

How about posting the code from "UntitledFrame-13.html"... Let's see what's causing the overflow.

ArcticFox
07-12-2005, 06:33 AM
Wait a minute...
Try this;

<frame src="UntitledFrame-13.html" name="mainframe" scrolling="auto" noresize>

austinm81
07-12-2005, 06:43 AM
the code from untitled13...

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
-->
</style>

<body bgcolor="#000000">
<form name="form1" method="post">
<table width="330" border="0" cellpadding="20">
<tr>
<td width="266"><p><font color="#FF0000" size="2" face="Arial, Helvetica, sans-serif">&lt;7.9.05&gt;</font><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
New scroll bar!!! new daily photos 5<br>
and much more to come.....<br>
<br>
<font color="#FF0000">&lt;7.1.05&gt;</font> Los of new stuff in the
next weeks...<br>
<br>
<font color="#FF0000">&lt;4.30.05&gt;</font> Have a photo spread in
the new 8.5 magazine that should be out next week or now...pick one
up...peaceeeee....<br>
<br>
<font color="#FF0000">&lt;4.7.05&gt;</font> Welcome to theflopbox ver.3
photo of the week...every week???well see.... added some new sections(corrupt
and zines) which should be up soon...trying to keep things a little
more fresh around here and no so dormant..so many good websites that
do not update anymore....<br>
<br>
<font color="#FF0000">&lt;3.31.05&gt;</font><br>
updated the unavailable and dailysnapshots 4<br>
<br>
<br>
</font></p>
<p>jjjjjjjj</p>
</td>
</tr>
</table>
<p>&nbsp;</p>
</form>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

austinm81
07-12-2005, 07:15 AM
are you kidding me??? I cant believe that works arctic fox...thats hilarious..after all the different ways ive tried things a little "auto" does the trick..wow.....thanks a million times over I was getting a little crazy about the situation thinking it couldn't be fixed..thanks..thanks...thanks to mrruben 5 also for your help....

Love*
07-31-2005, 12:13 PM
lol, i just registered to reply to this topic :p

it wasn't the "auto" that did it, austin :)
it was the noresize ;)

//edit.. oh no, i'm wrong @_@

ArcticFox
07-31-2005, 07:57 PM
LOL! Welcome to the forums! :D

Love*
10-08-2005, 11:23 AM
lol thanks :p



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum