Web Layout
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   ASP Free Forums > Web Design > Web Layout
Reload this Page

Horizontal scrollbar iframe...removing

Discuss Horizontal scrollbar iframe...removing in the Web Layout forum on ASP Free.
Horizontal scrollbar iframe...removing Web Layout forum discussing design strategies and topics that range from general site layout to advanced site design. Find out what everyone is doing, and how best to arrange your content.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Page 1 of 2 1 2 >
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old February 6th, 2004, 04:49 AM
ahighfidelity ahighfidelity is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: LONDON
Posts: 6 ahighfidelity User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Horizontal scrollbar iframe...removing
Hi.
Can some one please help me?
Iam fairly new to website design and am in the process of designing my first 'proper' website and have hit a problem. The URL for the site is www.mediajunction.co.uk/uwahome.htm

The problem iam having is that i have inserted an iframe in a table, and when viewing on a Mac all looks fine, but when i view the site on a PC, a horixontal scrollbar appears at the bottom of the iframe.

I have tried reducing the size of the document the iframe is reading which is set at 425 pixels wide. The iframe is currently set at 100% wide. This has totally confused me and i would really really like some help from you guys. So please help...

Cheers.
Reply With Quote
  #2  
Old February 8th, 2004, 11:51 AM
dcarva's Avatar
dcarva dcarva is offline
Contributing User
ASP Free Novice (500 - 999 posts)
  
Join Date: Jan 2003
Location: USA
Posts: 633 dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 9 h 18 m 20 sec
Reputation Power: 6
<iframe name="hello" src="page.htm" frameborder="0" scrolling="no"></iframe>
Reply With Quote
  #3  
Old February 9th, 2004, 08:46 AM
ahighfidelity ahighfidelity is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: LONDON
Posts: 6 ahighfidelity User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Quote:
Originally Posted by dcarva
<iframe name="hello" src="page.htm" frameborder="0" scrolling="no"></iframe>


I have tried that and it does get rid of the horizontal, but also deletes the vertical, which i need to keep. Cheers though.

Any other suggestions...anyone???
Reply With Quote
  #4  
Old February 9th, 2004, 10:13 AM
dcarva's Avatar
dcarva dcarva is offline
Contributing User
ASP Free Novice (500 - 999 posts)
  
Join Date: Jan 2003
Location: USA
Posts: 633 dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 9 h 18 m 20 sec
Reputation Power: 6
Ok, let's say that the page you are using as the source for the iframe is called 'page1'. Take the contents of page1 and make sure it is wrapped by a table that has a width that is less than 100%, say 80%. Now view page1 all by itself. Does it look like it only takes up 80% of the screen? Now view page1 from within the iframe. It should only take up 80% of the horizontal width of the iframe, and the horizontal scrollbar should not appear. I hope it works.
Reply With Quote
  #5  
Old February 13th, 2004, 05:01 AM
ahighfidelity ahighfidelity is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: LONDON
Posts: 6 ahighfidelity User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
help
That doesn't work either mate. In theory, it should...but it doesn't. I just don't understand. Thanks for your help though.

I don't suppose you have any other suggestions...
Reply With Quote
  #6  
Old February 13th, 2004, 10:53 PM
dcarva's Avatar
dcarva dcarva is offline
Contributing User
ASP Free Novice (500 - 999 posts)
  
Join Date: Jan 2003
Location: USA
Posts: 633 dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 9 h 18 m 20 sec
Reputation Power: 6
I removed the reference to the DTD, and it the scrollbar went away...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Reply With Quote
  #7  
Old February 17th, 2004, 06:43 AM
ahighfidelity ahighfidelity is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: LONDON
Posts: 6 ahighfidelity User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Question still stuck!
Quote:
Originally Posted by dcarva
I removed the reference to the DTD, and it the scrollbar went away...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


When you say remove the reference to the DTD, do you mean all the above text from the html codeing? If you do, i have done that and it still hasn't worked. What is the DTD anyhow?

Iam really appreciating your help though...
Last edited by ahighfidelity : February 17th, 2004 at 06:44 AM. Reason: sorting out spacing
Reply With Quote
  #8  
Old February 17th, 2004, 10:27 AM
dcarva's Avatar
dcarva dcarva is offline
Contributing User
ASP Free Novice (500 - 999 posts)
  
Join Date: Jan 2003
Location: USA
Posts: 633 dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level)dcarva User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 9 h 18 m 20 sec
Reputation Power: 6
In newstext.htm, remove this line at the very top:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

After I removet that line, the scrollbar goes away.

The DTD is a document type definition. It tells your page to adhere to certain HTML standards. In this case, your page must adhere to the HTML 4.01 standards. See this page for more info on that.

http://www.htmlhelp.com/tools/validator/doctype.html

Hope this works for you.
Reply With Quote
  #9  
Old February 17th, 2004, 12:45 PM
ahighfidelity ahighfidelity is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: LONDON
Posts: 6 ahighfidelity User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Quote:
Originally Posted by dcarva
In newstext.htm, remove this line at the very top:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

After I removet that line, the scrollbar goes away.

The DTD is a document type definition. It tells your page to adhere to certain HTML standards. In this case, your page must adhere to the HTML 4.01 standards. See this page for more info on that.

http://www.htmlhelp.com/tools/validator/doctype.html

Hope this works for you.




You are a legend!!! Thankyou very much mate. I really appreciate that.

Cheers.

Adam.
Reply With Quote
  #10  
Old March 19th, 2004, 06:01 PM
mrrfoxx mrrfoxx is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Mar 2004
Posts: 2 mrrfoxx User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
I removed the reference to the DTD, and it the scrollbar went away...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Reply With Quote
  #11  
Old April 4th, 2004, 03:12 AM
fhostile fhostile is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Apr 2004
Posts: 1 fhostile User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
at least
I had the same problem, but now is fixed!, thanks to everyone, thanks thanks thanks thanks ^_^
Reply With Quote
  #12  
Old January 26th, 2006, 04:03 PM
hoochalobster hoochalobster is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Jan 2006
Posts: 3 hoochalobster User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 39 sec
Reputation Power: 0
same thing
Hia

I'm having the same problem but none of the above suggestions have worked for me Anyone got any more?

Thanks

Sarah
Reply With Quote
  #13  
Old January 27th, 2006, 05:29 AM
stack72 stack72 is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Jan 2006
Posts: 9 stack72 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 11 m 7 sec
Reputation Power: 0
the best thing to remove the horizontal scroller is the make outside scrolling arrows on teh iframe ( example here http://www.dyn-web.com/dhtml/iframes/ and click vertically!) this is a pretty cool iframe. the only thing i would suggest is to make sure your iframe is wide enough to fit the content otherwise there will be a horizontal scroller.

btw, not a good idea to remove the DTD reference if you want to publish the website as it is used by validator websites to validate your (x)html
Reply With Quote
  #14  
Old January 27th, 2006, 10:45 AM
hoochalobster hoochalobster is offline
Registered User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Jan 2006
Posts: 3 hoochalobster User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 39 sec
Reputation Power: 0
Hey thanks for that - I'll give it a go
Reply With Quote
  #15  
Old January 27th, 2006, 05:29 PM
grdnwesl's Avatar
grdnwesl grdnwesl is offline
Fuzzy but Ferocious User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Apr 2004
Location: The Restaurant at the end of the Universe
Posts: 222 grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level)grdnwesl User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 2 Days 18 h 54 m 35 sec
Reputation Power: 13
Actually, The scrollbar can be removed via by adding the follwing to your stylesheet

Code:
#FrameID {
        width:insert width here;
        height:insert height here;
	overflow-x:hidden;
	overflow-y:auto;
}


where "#FrameID" is the name of your frame.

this will only show the vertical scrollbar when it is necessary and NEVER show the Horizontal Scrollbar.

This works in IE and Firefox. Haven't had the chance to test in NS
Reply With Quote
Reply
Page 1 of 2 1 2 >

Viewing: ASP Free Forums > Web Design > Web Layout > Horizontal scrollbar iframe...removing

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump