How to remove scroll down? 
Posted: 29 December 2010 01:16 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2010-12-29

Hi,

I’m a newbie with CSS. I’m surfing the web for a template that works with IFRAME’s, I found one that fit my needs by I have a problem, I have two scroll downs.

I attach the fully working template. Just Copy/paste.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<
titlestu nicholls CSS PLaY cross browser fixed header/footer layout basic method </title>
<
style type="text/css" media="screen">
#printhead {display:none;}
html {
height
:100%; 
max-height:100%; 
padding:0
margin:0
border:0
background:#fff; 
font-size:80%; 
font-family"trebuchet ms"tahomaverdanaarialsans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflowhidden
/* */ 
}
body {height
:100%; max-height:100%; overflow:hiddenpadding:0margin:0border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:200px; position:relative; z-index:3; word-wrap:break-word;}
#head {position:absolute; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background:#fff; font-size:4em; z-index:5; color:#000; border-bottom:1px solid #000;}
#foot {position:absolute; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:51px; background:#fff; color:#000; text-align:right; font-size:2em; z-index:4; border-top:1px solid #000;}
.pad1 {display:blockwidth:18pxheight:50pxfloat:left;}
.pad2 {display:blockheight:100px;}
#content p {padding:5px;}
.bold {font-size:1.2emfont-weight:bold;}
.red {color:#c00; margin-left:5px; font-family:"trebuchet ms", "trebuchet", "verdana", sans-serif;}
h2 {margin-left:5px;}
h3 {margin
-left:5px;}
</style>
<
style type="text/css" media="print">
html {padding:0margin:0border:0background:#fff; font-size:10pt; font-family: arial, sans-serif;}
body {padding:0margin:0border:0;}
#content {display:block; position:relative; z-index:3; word-wrap:break-word;}
#head {display:none;}
#printhead {height:100px; background:#fff; font-size:24pt; color:#000; border-bottom:1px solid #000;}
#printfoot {height:50px; background:#fff; color:#000; text-align:right; font-size:12pt; border-top:1px solid #000; margin-top:20px;}
#foot {display:none;}
</style>
</
head>
<
body>
<
div id="printhead">www.s7u.co.uk Cutting Edge CSS</div>
<
div id="head"><div class="pad1"></div>Header</div>
<
div id="content">
<
div class="pad2"></div>
<
IFRAME name="teste" src="http://www.yahoo.com" width="100%" height="100%" frameborder=0></IFRAME>
<
div class="pad2"></div>
</
div>
<
div id="foot">Footer</div>
</
body>
</
html>

My question. It is possible to remove one scroll down? I need only CSS to do this?

Best Regards,

Profile
 
 
Posted: 30 December 2010 02:12 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  8
Joined  2010-12-30

You can try: overflow:hidden;

Profile
 
 
Posted: 09 January 2011 04:50 PM   [ Ignore ]   [ # 2 ]
Newbie
Avatar
Rank
Total Posts:  2
Joined  2011-01-09

yeap overflow:hidden; shout work with the scroll

-----------------
naruto shippuden-naruto shippuden episode 194

Profile
 
 
Posted: 10 January 2011 08:22 AM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  3
Joined  2011-01-10
sqls - 30 December 2010 02:12 PM

You can try: overflow:hidden;

very interesting and useful answer. thanks!

Profile
 
 
Posted: 06 February 2011 07:58 AM   [ Ignore ]   [ # 4 ]
Newbie
Rank
Total Posts:  14
Joined  2010-09-16

You can try to hide the overflow, but it’s much more indicated to try and let the box expand as it fills this way all text will be visible without the need of scrollbars!

_________________
jocuri 3D

Profile
 
 
Posted: 06 February 2011 01:40 PM   [ Ignore ]   [ # 5 ]
Newbie
Rank
Total Posts:  1
Joined  2011-02-06

i have been trying to figure this out.. im still having a lot of troube :(

Profile
 
 
Posted: 28 February 2011 06:18 AM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  9
Joined  2011-02-21

Hey I know the code to disable scroll bar instead of removing..

scrolling="no"

is a good code to use for webpage but it depends what you have on your website.
You can play around with it placing it in different parts.

Thanks & Regards
manish

Profile
 
 
Posted: 21 March 2011 06:27 AM   [ Ignore ]   [ # 7 ]
Newbie
Avatar
Rank
Total Posts:  11
Joined  2011-03-21

scrolling=no should do it on the iframe tag

Profile
 
 
Posted: 25 March 2011 01:42 AM   [ Ignore ]   [ # 8 ]
Newbie
Rank
Total Posts:  1
Joined  2011-03-24

scrolling="no" may work well with iframe tag try to insert it and then check the output on the browser It should work.
audi used cars

Profile
 
 
Posted: 27 March 2011 06:06 AM   [ Ignore ]   [ # 9 ]
Newbie
Rank
Total Posts:  1
Joined  2011-03-27

hello,im so glad to be part of this forum.

check this siteM5071A

Profile
 
 
Posted: 17 September 2011 12:59 PM   [ Ignore ]   [ # 10 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13

I like the drop down menu but can’t for the life of me find the item that was in there when it was installed there link to youtube for install instructions

Profile
 
 
Posted: 18 January 2012 11:00 AM   [ Ignore ]   [ # 11 ]
Jr. Member
RankRank
Total Posts:  39
Joined  2010-10-06

key instead of the Del key.

Profile
 
 
Posted: 11 February 2012 11:35 PM   [ Ignore ]   [ # 12 ]
Newbie
Rank
Total Posts:  13
Joined  2010-07-08

scrolling="no" disables scrolling on iframes.  I wouldn’t even bother iframing anything, just design the site properly.  Iframes are the way of the past.  Try using wordpress like this site: scar removal

Profile
 
 
Posted: 19 April 2012 12:26 PM   [ Ignore ]   [ # 13 ]
Newbie
Rank
Total Posts:  3
Joined  2010-12-29

I love the web!!! I am working on a patient data collection web service and needed this exact solution. YEAH!!!

Profile
 
 
Posted: 23 December 2012 07:45 AM   [ Ignore ]   [ # 14 ]
Newbie
Rank
Total Posts:  15
Joined  2011-01-17

Thank you for your reply

Profile
 
 
   
 
 
‹‹ DIV Center?      Css tutorial ››