CODEWITHSUNDEEP
htmlframe
user983924
user983924

Reputation: 393

remove frame scrolling bar

I designed a web page with frames. It is my homework so I must use frames. In my page there are a lot of frames, and the inner frame has scrolling bar. I ned to remove it, how can i remove it?

This is my main.html code:

<frameset frameborder="NO" framespacing="0" cols="18%,*,18%" border="0" >
<!-- Navigational Bar -->
    <frame src="side.html" name="left" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
<!-- Interior Frame -->
    <frameset frameborder="NO" framespacing="0" rows="280,*" border="0">
        <frame src="header.html" name="middle" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
        <frameset frameborder="NO" framespacing="0" cols="180,*" border="0">
            <frame src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
            <frame src="anasayfa.html" name="mainframe" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
        </frameset>
    </frameset>
<!-- Interior Frame -->
    <frame src="side.html" name="right" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
</frameset>

This is my page outlook:

enter image description here

http://download.cnet.com/YouTube-To-MP3/3000-2071_4-75810474.html >youtube to mp3

Upvotes: 3

Views: 37327

Answers (5)

Mohammad abu sowanah
Mohammad abu sowanah

Reputation: 11

in main page write

frame::-webkit-scrollbar
{
    display: none;
}

 /* Hide scrollbar for IE, Edge and Firefox */
frame ,frameset {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    padding: 0px;
    margin: 0px;
 }

go to frame page

body::-webkit-scrollbar 
   {
       display: none;
   }

 /* Hide scrollbar for IE, Edge and Firefox */
body 
{
     -ms-overflow-style: none;  /* IE and Edge */
     scrollbar-width: none;  /* Firefox */
     padding: 0px;
     margin: 0px;
 }

Upvotes: 0

Eliran Efron
Eliran Efron

Reputation: 621

Just set overflow: hidden; on the object:

#objectID {
    overflow: hidden;
}

Note: Change objectID for with your object id.

You may also try:

frame{
    overflow:hidden;
}

It may work... wouldn't hurt if you try :)

Good luck!

Upvotes: 2

vortextangent
vortextangent

Reputation: 571

Add a scrolling attribute to your frame and set the value to no.

http://www.w3schools.com/tags/att_frame_scrolling.asp

Edit:

Another option is to add another frameset around the ones you have currently created.

Found in this question and adapted to you.

file index.html:

<html>
    <frameset rows="1,480" frameborder="NO" border="0" noresize="noresize" scrolling="yes">
        <FRAME SRC="javascript:<HTML></HTML>" NAME="dummy" FRAMEBORDER="NO" MARGINHEIGHT="0" MARGINWIDTH="0" NORESIZE SCROLLING="NO">
        <FRAME SRC="main.html" NAME="scrollcontent" FRAMEBORDER="NO" MARGINHEIGHT="0" MARGINWIDTH="0" NORESIZE SCROLLING="yes">
    </frameset>
</html>

file main.html

<html><frameset frameborder="NO" framespacing="0" cols="18%,*,18%" border="0" >
<!-- Navigational Bar -->
    <frame src="side.html" name="left" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
<!-- Interior Frame -->
    <frameset frameborder="NO" framespacing="0" rows="280,*" border="0">
        <frame src="header.html" name="middle" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" SCROLLING="NO">
        <frameset frameborder="NO" framespacing="0" cols="180,*" border="0">
            <frame src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" SCROLLING="NO">
            <frame src="anasayfa.html" name="mainframe" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" SCROLLING="NO">
        </frameset>
    </frameset>
<!-- Interior Frame -->
    <frame src="side.html" name="right" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
</frameset>
</html>

See if that works for you.

Upvotes: 0

Eliran Efron
Eliran Efron

Reputation: 621

Ok so all you need to do is add: scrolling="no" on each 'frame' tag.

It is as easy as it sounds.

But notice: you would get the full width of the items inside the frame (that's why there is a scroll bar)

Hope i help :)

Upvotes: 0

Ignacio Correia
Ignacio Correia

Reputation: 3668

Just add to the main.html in lines with frames: 

scrolling="no"

so the result is:

<frame scrolling="no" src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" >

This is your main.html result:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title></title>
<meta name="keywords" content="Webpage, design, yumakli" />
<meta name="description" content="Yumakli koyu web sayfasi" />
<style type = "text/css">
frame{
    overflow:hidden;
}
</style>
</style>
<script></script>
</head>
<div style="width:5000; height:5000;">
<frameset frameborder="NO" framespacing="0" cols="18%,*,18%" border="0" >
<!-- Navigational Bar -->
    <frame src="side.html" name="left" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize"  scrolling="no">
<!-- Interior Frame -->
    <frameset frameborder="NO" framespacing="0" rows="280,*" border="0">
        <frame src="header.html" name="middle" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize"  scrolling="no">
        <frameset frameborder="NO" framespacing="0" cols="180,*" border="0">
            <frame src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" scrolling="no">
            <frame src="anasayfa.html" name="mainframe" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" scrolling="no">
        </frameset>
    </frameset>
<!-- Interior Frame -->
    <frame src="side.html" name="right" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize"  scrolling="no">
</frameset>
</div>
</html>

Upvotes: 3

Related Questions