Solved

scrollbars & compatability with Opera

Posted on 2004-03-26
3
232 Views
Last Modified: 2010-04-09
After I upgraded to IE6, many of the web pages I've designed acquired horizontal scrollbars.  My question is this: how do I get rid of them?  The only one of these that is online at the moment is www.vintondalebaptist.org - my first 'professional' website.

This brings me to my next question: when I try to view the site with Opera 7, only one frame shows up.  This really confuses me because it displays all other pages with framesets correctly.

Also, any other suggestions for the site would be very much appreciated.

~Sam
0
Comment
Question by:samrummel
3 Comments
 
LVL 5

Accepted Solution

by:
prohacx earned 50 total points
ID: 10702757
Hi there!

Well, firt of all, I would start by rewriting your frameset like so:

<frameset cols="100%" rows="95,*">
      <frame name="top" src="top.html" scrolling="no">
      <frameset cols="180,*" border="0" cellpadding="0" cellspacing="0">
            <frame name="navigation" src="navigation.html" noresize scrolling="auto" border="0" cellpadding="0" cellspacing="0">
            <frame name="main" src="main.html" scrolling="auto">
      </frameset>
</frameset>

<noframes>
      <body>
Your browser is incapable of displaying pages containing frames.<br> Please download a newer version of Internet Explorer at <a href="http:\\www.microsoft.com\ie\download.html" target="_blank">Microsoft.com</a>.
      </body>
</noframes>

You used one frameset too many (not necessary). It really works fine in IE, but I have my doubts for other browsers... I don' have Opera installed (new PC), but try this, it probably works better.

Also, the reason why you get a horizontal scrollbar is simply because the content you put inside that frame is wider than the space provided on the screen. You can always set a border for your body, table, ... (use bordercolor too!!!) to see how the content really gets rendered, you'll see...

Switching off scrollbars can be done through stylesheets, but then you'll have to be sure that all content will be visible at all times, otherwise it's no good solution. Also, it's browser dependant...

Good luck!

0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Display multiple images in the row in PHP 11 66
Align a <div> to a table row 3 39
radio button value 3 45
CSS grid style change 2 14
Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now