|
HTML - Scrollbar Missing On Page
I have been puzzled by the fact that the scroll bar is missing on my site at http://larkspree.com/index.php. It wasn't an issue until I added content 'below the fold'.
When viewed in Firefox 3.5.5 and Opera 9.6.4, I CAN scroll down with the down arrow or page down keys. When viewed in Windows Explorer 8, the below the fold content is on top of the main above-the-fold content. The screen won't scroll with the keys, and there is no scroll bar. In Chrome 3.0 and Safari 4.0.4, I can't scroll with with the keys and there is no scroll bar. My page got very complicated with the javascript and jQuery and hidden divs. But the content is organized with nested divs, which can be easily seen using a debugger like Firefly. The main structure is like this: Code: <div id='all'>
<div id='fblogin'></div>
<div id='content'></div>
<div class='featuredEventList'></div>
</div>
I hope I don't have to tear it down to debug this problem. Can someone offer an explanation or suggest something I could try to get the scroll bar to appear? Thanks, Jim Similar TutorialsI have a table on my website that doesn't quite fit horizontally, so I want a scrollbar for the user to scroll across. Is this an i-frame? thanks I have several pages in a site I am designing, some short and some long On short pages the browser automatically hides the scroll bar and on long pages, displays it. This shifts the contents of the page left and right by the width of the scroll bar and completely distracts from the experience and use of the site. I've found a work around; adding breaks so all pages are long enough to have a scroll bar; but that's not the solution, there are plenty of sites out there that don't have this problem and I'd like to know what the fix is. Any ideas gratefully received. Ta, Rizole. Hi all, I'm having this website www.justmarch.nl When surfing directly to this site, a black screen is presented, after an F5 it's loaded correctly. Is this caused because for some reason there's a missing document type declaration? Thanx in advance for any help! Hi all, I'd really appreciate some help on this one. I have a program which outputs very long strings of text to a HTML page. At the moment the text stays on one line resulting in an annoying horizontal scrollbar. How do I get the page to automatically format the text so that it all fits within a standard width, and so there's no horizontal scrollbar? Regards, Ruth I have this page http://vlifechurch.org/newvlife.php On the left side of the column I have three banners that each have individual links, but they are all highlighted in blue... How do I stop this, and just have the pictures? thanksss when i search for corby pc support on google.co.uk i get this result back corby pc support services brigstock, cottingham, corby, desborough ...Corby PC Support provides a range of PC, networking, internet, hardware and sofrware support services for home users, small and medium business users. corbypcsupport.co.uk / - 17k - Cached - Similar pages What I find really confusing is that the www. are missing ? This has only happened in the last few days. Can anyone help I'm still trying to insert buttons I've created in fireworks into a site i'm designing in dreamweaver. now the problem is that they don't show up at all. If i move the mouse, the pointer changes and links work to their pages, but there isn't anything to see. In the design view of dw the buttons don't show up either. Anyone know what the deal is? here's the code: --------------------- HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {background-color:#666600}
td img {display: block;}
table {margin:auto; width:800px; background-color:#9EAF41}
table td#desc {color:#666600; font-style:bold; text-align:center; font-family:benguiat bk bt;
font-size:16px; cellpadding:0px; cellspacing:0px}
table td#nav {width:200px; cellpadding:0px; cellspacing:0px}
table td#middle {text-align:center; width:400px; cellpadding:0px; cellspacing:0px}
table td#right {text-align:center; width:200px; cellpadding:0px; cellspacing:0px}
</style>
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/navBtn_r1_c1_f2.jpg','images/navBtn_r1_c1_f4.jpg','images/navBtn_r1_c1_f3.jpg','images/navBtn_r3_c1_f2.jpg','images/navBtn_r3_c1_f4.jpg','images/navBtn_r3_c1_f3.jpg','images/navBtn_r5_c1_f2.jpg','images/navBtn_r5_c1_f4.jpg','images/navBtn_r5_c1_f3.jpg','images/navBtn_r7_c1_f2.jpg','images/navBtn_r7_c1_f4.jpg','images/navBtn_r7_c1_f3.jpg','images/navBtn_r9_c1_f2.jpg','images/navBtn_r9_c1_f4.jpg','images/navBtn_r9_c1_f3.jpg');">
<table>
<tr><td colspan="3"><img src="Media/indexBanner.png" /></td>
</tr>
<tr>
<td id="desc" colspan="3">
Colorado grower of premium flowers, organic vegetables, and herbs since 1996
<!-- <hr style="position:relative; top:-8px; width:75%; color:#66712B; background-color:#66712B;
border-bottom:thin; border-top:0px" /> -->
</td>
</tr>
<tr>
<td id="nav">
<table border="0" cellpadding="0" cellspacing="0" width="180">
<!-- fwtable fwsrc="navBtn.png" fwbase="navBtn.jpg" fwstyle="Dreamweaver" fwdocid = "2091273513" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="170" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="9" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.ridgway.k12.co.us" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r1_c1','images/navBtn_r1_c1_f2.jpg','images/navBtn_r1_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r1_c1','images/navBtn_r1_c1_f3.jpg',1);"><img name="navBtn_r1_c1" src="images/navBtn_r1_c1.jpg" width="171" height="30" border="0" id="navBtn_r1_c1" alt="" /></a></td>
<td rowspan="9"><img name="navBtn_r1_c3" src="images/navBtn_r1_c3.jpg" width="9" height="190" border="0" id="navBtn_r1_c3" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="navBtn_r2_c1" src="images/navBtn_r2_c1.jpg" width="171" height="10" border="0" id="navBtn_r2_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.mcsd.org" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r3_c1','images/navBtn_r3_c1_f2.jpg','images/navBtn_r3_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r3_c1','images/navBtn_r3_c1_f3.jpg',1);"><img name="navBtn_r3_c1" src="images/navBtn_r3_c1.jpg" width="171" height="30" border="0" id="navBtn_r3_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="navBtn_r4_c1" src="images/navBtn_r4_c1.jpg" width="171" height="10" border="0" id="navBtn_r4_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="http://www.msn.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r5_c1','images/navBtn_r5_c1_f2.jpg','images/navBtn_r5_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r5_c1','images/navBtn_r5_c1_f3.jpg',1);"><img name="navBtn_r5_c1" src="images/navBtn_r5_c1.jpg" width="170" height="30" border="0" id="navBtn_r5_c1" alt="" /></a></td>
<td rowspan="2"><img name="navBtn_r5_c2" src="images/navBtn_r5_c2.jpg" width="1" height="40" border="0" id="navBtn_r5_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="navBtn_r6_c1" src="images/navBtn_r6_c1.jpg" width="170" height="10" border="0" id="navBtn_r6_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.htmlforums.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r7_c1','images/navBtn_r7_c1_f2.jpg','images/navBtn_r7_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r7_c1','images/navBtn_r7_c1_f3.jpg',1);"><img name="navBtn_r7_c1" src="images/navBtn_r7_c1.jpg" width="171" height="30" border="0" id="navBtn_r7_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="navBtn_r8_c1" src="images/navBtn_r8_c1.jpg" width="171" height="10" border="0" id="navBtn_r8_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.theguardian.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r9_c1','images/navBtn_r9_c1_f2.jpg','images/navBtn_r9_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r9_c1','images/navBtn_r9_c1_f3.jpg',1);"><img name="navBtn_r9_c1" src="images/navBtn_r9_c1.jpg" width="171" height="30" border="0" id="navBtn_r9_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
</tr>
</table>
</td>
<td id="middle">flash here</td>
<td id="right">quote here</td></tr>
</table>
</body>
</html>
I have developed a web site that works on internet explorer. The background at the top does not seem to work on other browsers. Any ideas: http://b2kdesigncontracting.atspace.com Hi everyone, I'm brand new to creating a website and got most things working except for this one problem. I have a window on my Home Page that loops 4 images but, for some reason, one of them will not show up. The image file is named correctly and it's the correct format so it must be a coding problem. Can anyone help??? Thanx in advance for your help! website: www.itortrix.com *the issue occurs after the 'Cydia Ads SUCK' image Code: <div class="clear"></div>
<div id="content">
<div id="main">
<style type="text/css">
body {position:center; z-index:0}
td#Pics {width:508px; height:225px; vertical-align:top}
img#img1 {position:absolute; border:0px; width:508px; height:225px; z-index:2}
img#img2 {position:absolute; border:0px; width:508px; height:225px; z-index:1}
img#img3 {position:absolute; border:0px; width:508px; height:225px; z-index:1}
img#img4 {position:absolute; border:0px; width:508px; height:225px; z-index:1}
img#img5 {position:absolute; border:0px; width:508px; height:225px; z-index:1}
</style>
<script type="text/javascript">
var A=2;
var B=1;
var C=1;
var D=1;
var Temp;
function beChanging()
{
Temp=D; D=C; C=B; B=A; A=Temp;
document.getElementById('img1').style.zIndex = A;
document.getElementById('img2').style.zIndex = B;
document.getElementById('img3').style.zIndex = C;
document.getElementById('img4').style.zIndex = D;
setTimeout("beChanging()",7000);
}
</script>
</head>
<body onload="beChanging()">
<table cellpading="0" cellspacing="0" border="0">
<tbody>
<tr>
<td id="Pics">
<a href="tweaks.html"><img src="images/img5.jpg" usemap ="#TW" id="img1"></a>
<a href="About.html"><img src="images/img2.jpg" usemap ="#HM" id="img2"></a>
<a href="createrepo.html"><img src="images/img3.jpg" usemap ="#RP" id="img3"></a>
<a href="ads.html"><img src="images/img4.jpg" usemap ="#AD" id="img4"></a>
</td>
</tr>
</tbody>
</table>
</body>
<h1>Keep Feeding...</h1>
<p>Filesystem Tweaks for the avid iDevice user...</p>
<p>...Freedom from the restrictions of Apple and the Major Cydia Repositories!</p>
<center><p><h4>repo.itortrix.com</h4></p></center>
</div>
I'm having another less-than-bright day, and I cannot get this very simple table to look the way I want. I pulled all the definitions out of the CSS file and put them in here to make it easier. Can one of you knowledgeable folks answer some questions for me? 1. The td sizes aren't as set in the colgroup. Amount is WAY wider than I specified. Payment Method is way narrower. HALF the space should be for Payment Method. Instead it looks like they're some bizarre, random size. How do I get the cells to match the column width I set? 2. My table has "frame="box, rules="all"". But, I don't see a line for the box at all, and in IE the "rules" appear as white lines instead of black (in Firefox they seem ok). How do I control the color of the frame and the rules so I can make them black in IE too? 3. My fields (the yellow areas) don't fill the space in the cell. I don't know if this is related to the fact that the td sizes don't match the colgroup, but Payment Method, for example, doesn't visibly fill the whole cell. What do I have wrong, where? 4. As far as making the outline of the fields visible, I'd like to have no td border and just let the rules between each cell do the defining - using border:none perhaps? Make the cell background and table background the same color and it seems like things should work fine. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body> <!-- <div style="text-align:left; border:2px solid #000000; padding:0px 10px 0px 10px; margin:auto; background-color:#ccfccf; width:600px;">--> <div style="border:2px solid #000000; padding:10px; margin:auto; background-color:#3F6; width:600px;"> <form name="dues" method="post" action="<?php echo htmlentities($_SERVER['REQUEST_URI'], ENT_COMPAT, 'UTF-8'); ?>"> <!-- <table style="width:100%; background-color:#eeeeee; border-collapse:collapse; border:1px solid black; color:#000000; font-size:14px; font-weight:bold;" frame="box" rules="all">--> <table style="background-color:red; border:1px solid black; size:14px; font-weight:bold;" frame="box" rules="all"> <colgroup> <col width="30%" /> <col width="20%" /> <col width="50%" /> </colgroup> <tr> <th align=left>Renewal Date</th> <th align=right>Amount</th> <th align=left>Payment Method</th> </tr> <tr> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" READONLY type="text" name="RenewalDate[0]" value="08/01/2010" /></td> <td><input style="text-align:right; border:none; background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="DuesPaid[0]" value="20.00" /></td> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="PaymentMethod[0]" value="" /></td> </tr> <tr> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" READONLY type="text" name="RenewalDate[1]" value="10/01/2009" /></td> <td><input style="text-align:right; border:none; background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="DuesPaid[1]" value="27.00" /></td> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="PaymentMethod[1]" value="Check 7057" /></td> </tr> <!-- <?php echo $DuesRows; ?>--> </TABLE> </form></div></body> </html> I had previously posted an issue about a page that would not display in Safari (http://www.htmlforums.com/html-xhtml...tml#post627071) Thanks to Peter V, I was able to fix the major issues. However, now there is one portion of the page that does not display - a table including a logo and a search box at the top. The page displays correctly in IE and Firefox for Windows, and Firefox and Netscape for Mac, but not in Safari (for Mac - haven't tried Safari for Windows). The URL is http://www.buttecounty.net/bclibrary/ Any assistance would be greatly appreciated. Thanks, Derek Wish You a very very Happy New year Hi Budies.... I have shtml files where i m using include files. Using this tag: <!--#include file="header.html"--> but the same tag is missing is some pages. please suggess me wat i do ? HELP ME ! I have created a website for our own organisation's intranet. To test it I have uploaded it to my own personal webspace and it works fine. However, I viewed the same website at work and on just one of the pages all of the images were not following the CSS code in the style sheet. I worked out why. The source code for this one page was from an old style sheet that I have since modified. Why does this computer at work view an old style sheet that is no longer on the web? I have viewed the old one at some time on this computer so is it somehow using a cached style sheet and if so how do I stop it? Im not sure if this is in the right area of this forum but heres the question I have a div scrollbar exampe: <DIV style='position: absolute; left: 30; top: 10; color: #000000; background-color: #FFFFFF; border: solid 10px; border-color: #FFFFFF; width: 690px; height: 1300px; overflow: auto; '> I have a picture blog. I keep adding pictures to it, and when i get too many , it just creates a scroll. I dont want a scroll, but I dont wanna have to keep changing the "height" everytime i put more pictures in. I am kinda lost in how to word this question... maybe somebody can help me. thank you if you do. check this page out..the vertical scrollbar http://www.progressoft.com/?option=c...&iscon&dir=ASC EDIT: i mean the vertical scrollbar of the clients area in the middle..& to see it check it in IE Hi, i was made web, but have a problem. I attach foto and you can see problem. How insert a scrollbar? sorry for my english language Ok i want just a plain html not php or css code but an html code for a scrollbar. I cant find one that works. Please and thank you I searched all over the internet and I can't come up with anything. The problem I have is in my form I have: HTML Code: <table>
<tr>
<td>
<div style="position: relative; border-width: 1px; border-style: solid; border-color: #000000; overflow: auto; overflow-x:hidden; scrollbar-base-color: #98B0C7; scrollbar-arrow-color: #FFFFFF; width: 100%; height: 300px;">data</div>
</td>
</tr>
</table>
With this, I use the div to be at 300px height so the overflow creates a scrollbar within the form to allow a user to scroll the data without scrolling the entire page.. hence no scrollbar on the browser right side.. Well, in some cases I still do have the right side browser scrollbar because the entire form will sometimes be large. (not the div data) This is ok and what's normally suppose to happen. In those scenarios, the scrollbar is there on the right side of the browser for ie7 but in ie6, it's not there. Again, not talking about my div data content scrollbar within the form, but the right hand side of the browser scrollbar. If someone could enlighten me about exactly what is going on here I would greatly appreciate it. s-one I need an HTML scrollbar that can display HTML of a picture without showing the picture. Any help would be appreciated. Hi all, I need help with scrollbars: Is it possible to use an image instead of the standard scrollbar (see http://www.esaurome.com/bikini%20IT.html, the 2 fishes and the wave). Please HELP ME!!! |
|||||||