Junior Coders
Guarantee horizontal scroll bar doesn't show
Is there any way to guarantee that the vertical scroll bar appears when necessary but not the horizontal scrollbar?
This is in one frame of a frame set where only one of the frames needs to scroll vertically but not horizontally. The horizontal scroll shows up when the vertical one appears.
If you can help, Thanks but Thanks for reading this anyway.
Administrator
Hmmm the solution will basically involve CSS, though how consistent it is across browsers is the problem. Also, the For example, here's one "solution" I can think of:
However, "overflow-x" is only supported in IE6+ and Firefox 1.5+ as far as I know.Code:<style type="text/css"> body{ width: 100%; overflow-x: hidden; } </style>
Modtoreador
The simplest solution is to keep your site width below 100% when it's all added up.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Junior Coders
Do you mean the framset should be less than width 100% or the page that goes into it should be less that 100? No offense, but I've tried all the permutations I can and probably missing something. here's the code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd">
<HTML LANG="en">
<HEAD>
<base target="F2">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META name="description" content="Tree service dallas, garland, richardson, plano that provides professional and commercial tree pruning, tree trimming, tree removal, stump grinding, stump removal, tree planting, brush chipping, landscaping, hedge trimming in Dallas, Garland, Richardson, Plano Texas (TX). The best tree service in dallas/ft. worth metroplex the best prices.">
<META name="keywords" content="tree service, tree service dallas, tree service garland, tree service richardson, tree service plano, tree service dallas tx, tree service garland tx, tree service richardson tx, tree service plano tx, tree service, tree pruning, tree trimming, tree sales, tree planting, hedge trimming, landscaping, stump grinding, stump removal, stump, landscape lighting, chipping, cabling, lot clearing, Dallas, dallas, garland, Garland, richardson, Richardson, plano, Plano, D/FW, dfw, tx, TX, texas, Texas, metroplex, Metroplex">
<META content="tree service" name="Subject">
<META content="General" name="RATING">
<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
<META NAME="GOOGLEBOT" CONTENT="INDEX,FOLLOW">
<META content="Lumberjack Tree Service" name="AUTHOR">
<META NAME="REVISIT-AFTER" CONTENT="3 WEEKS">
<TITLE>Lumberjack Tree Service, Garland Texas (972) 495-0606 - When you want the best, use the best!</TITLE>
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<LINK REL="stylesheet" HREF="../HTMLPages/MainStylesheet.css" TYPE="text/css">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<!-- ========================================================================= -->
<SCRIPT TYPE="text/javascript" SRC="../js/NoTextSelection.js" CHARSET="ISO-8859-1"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="../js/NoRightMouseClick.js" CHARSET="ISO-8859-1"></SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="../js/menuButtons.js" CHARSET="ISO-8859-1"></SCRIPT>
<STYLE TYPE="text/css">
<!--
.initial2{font-weight:bold;background-color:#228B22}
.MarqueeTitle{
cursorointer;
margin-bottom:0px;
background-color:TRANSPARENT;
color:#191970;
padding:0px;
text-align:left;
font-weight:bold;
font-size:60pt;
font-family:"Palace Script MT", Benjamin, Cursive;
}
.signature {FONT-WEIGHT:bold;
FONT-SIZE:medium;
COLOR:#000000;
BACKGROUND-COLOR:transparent;
FONT-FAMILY:'Lucida Handwriting Italic',cursive;}
-->
</STYLE>
<SCRIPT TYPE="text/javascript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
-->
</SCRIPT>
</HEAD>
<BODY CLASS="margin4pct WhiteLeather" WIDTH="90" SCROLL="auto">
<SCRIPT TYPE="text/javascript1.2" SRC="../js/TreeWatermark.js" CHARSET="ISO-8859-1"></SCRIPT>
<A NAME="TopOfPage"> </A>
<TABLE CLASS="marginRight0px marginLeft0px" HEIGHT="100%" WIDTH="100%" BORDER="0" CELLSPACING="5" CELLPADDING="5">
<COLGROUP SPAN="1">
<COL WIDTH="100%">
</COLGROUP>
<TR>
<TH CLASS="MarqueeTitle">
<MARQUEE HEIGHT="8%" WIDTH="110%" DIRECTION="left" SCROLLAMOUNT="225" ALIGN="right" TRUESPEED="false" BEHAVIOR="slide"><U>Licensed, Bonded, and Insured</U></MARQUEE>
</TH>
</TR>
<TR>
<TD>
<DIV CLASS="companyProfileTDBlack fontBold fontMedium fontColorFireBrick">
<strong>Lumberjack Tree Service</strong> is fully licensed, bonded, and
insured for your protection. This means that <U><EM>our</EM></U> insurance covers
any accidental damage to <EM>your</EM> property. It also covers any injuries
to our employees. We do this to ensure that you, our client, can rest
assured that damages and injuries are covered, <EM>not</EM> by your homeowners
insurance, but by us, <STRONG>Lumberjack Tree Service</STRONG>.
<BR><BR>
Beware of companies that provide an unusually low estimate!
Typically, this indicates they are not insured, not licensed,
or not bonded and, occasionally, all three! Extremely low
estimates are also a good indication they may not be able to
give you the results you expect. Frequently these cut-rate
companies sub-contract or <NOBR>"farm-out"</NOBR> the work
to yet <EM>another</EM> company about whom you know absolutely
nothing at all!
<BR><BR>
If first-class service is what you're looking for, contact
<STRONG>Lumberjack Tree Service</STRONG>. Only a professional
tree service will provide you with top quality materials and
superior results at a fair price.
</DIV>
<P class="fontBold" STYLE="font-size:medium; text-align:left; color:#000000; BACKGROUND-COLOR:TRANSPARENT; FONT-family:'Lucida Handwriting', cursive, Serif;">
Our goal at Lumberjack Tree Service is to ensure your complete
satisfaction in absolute safety.
<BR>Derek Hebert
<BR>President and CEO, Lumberjack Tree Service, Inc.
</TD>
</TR>
</TABLE>
<!-- ======================================================================== -->
<SCRIPT TYPE="text/javascript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</SCRIPT>
<SCRIPT TYPE="text/javascript" SRC="../js/TitleBarDateAndTime.js" CHARSET="ISO-8859-1"></SCRIPT>
</BODY>
</HTML>
Thanks, again. This one is eating my lunch, Twey.
Global Moderator
It is simple math. As long as the width of all content within a container is less than 100% of the width of the container (and no special overflow or scrolling properties or attributes have been set for the container), there will be no horizontal scrollbar. This applies if the container is an element, a frame, an iframe, or the window itself.
Width can be deceiving though, don't forget to include all borders and padding.
A good trouble shooting approach is to remove items one at a time until everything fits, then you will know what needs to be either eliminated or reduced in size to make it work.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Posting Permissions
Reply With Quote
Bookmarks