Forum Moderators: open
Do you wish to surpress the scrollbars on a frame or on the main document itself?
On a frame it is scrolling="no" (the other options are yes or auto). For a main document you can use CSS to surpress scrolling using overflow [w3.org].
body { overflow: hidden }
Netscape 4.x will be a problem when using CSS though!
HTH
i fixed the problem with your suggestion.. =)
but i have another problem... why is it in netscape,
an excess space is present at the top of the page.
It brings down my header image and overlaps the iframe
below.
i noticed this when i added "doctype" at the top of
my code. but doctypes are suppose to be at the top right?
my page looks fine in IE and in Opera.
when i remove "doctype", it works fine in Netscape but create chaos in IE and in Opera. =¦
here's my index code: it's in JSP
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>e-Customer Evaluation Scorecard (e-CES)</TITLE>
</HEAD>
<BODY ID="myBody" topmargin="0px" leftmargin="0px" SCROLL="NO">
<LINK REL="stylesheet" HREF="<%=request.getContextPath()%>/web/tigramenu/horizontal/menu.css">
<SCRIPT LANGUAGE="JavaScript" SRC="<%=request.getContextPath()%>/web/tigramenu/horizontal/menu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="<%=request.getContextPath()%>/web/tigramenu/horizontal/menu_items.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="<%=request.getContextPath()%>/web/tigramenu/horizontal/menu_tpl.js"></SCRIPT>
<STYLE TYPE="text/css">
html,body{
height:100%;
overflow: hidden
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
var availHeight = document.getElementById('myBody').offsetHeight - 118;
if(screen.width==1024) {
document.write("<IMG SRC='<%=request.getContextPath()%>/web/images/eCES_banner_1024x115.jpg' BORDER='0px'>");
document.write("<IFRAME SRC='<%=request.getContextPath()%>/web/main/main.jsp' WIDTH='100%' HEIGHT='"+availHeight+"px' NAME='#main' FRAMEBORDER='0px' STYLE='position:absolute; left:0px; top:116px'></IFRAME>");
} else {
document.write("<IMG SRC='<%=request.getContextPath()%>/web/images/eCES_banner_800x115.jpg' BORDER='0px'>");
document.write("<IFRAME SRC='<%=request.getContextPath()%>/web/main/main.jsp' WIDTH='100%' HEIGHT='"+availHeight+"px' NAME='#main' FRAMEBORDER='0px' STYLE='position:absolute; left:0px; top:116px'></IFRAME>");
}
new menu (MENU_ITEMS, MENU_POS);
</SCRIPT>
</BODY>
</HTML>
All kinds of display changes take place in standards mode - including the alignment of images - and I'll bet this is what you are seeing.
Quirks Mode and Standards Mode [webmasterworld.com]
i've read and followed some steps in the article.
but still, the "space" is still up there. but when i removed the doctype, the image went up and removed the "space".?
is there a bug in my code?
you can run my code, just replace the image with any image. and ofcourse the path. it works fine in opera and IE but not in netscape. =¦
1. You are using <link> and <style> elements in the <body> section of your html, and they both belong only in the <head> section. However, that's not the cause of the problem you are asking about.
2. You are also using two non-standard attributes in the <body> tag: leftmargin and topmargin. You are using them to eliminate margins, but in standards mode, Netscape will not obey them - because are non-standard.
The gap in Netscape vanished for me when I added this style attribute to the <body> tag:
style="margin:0;"
Using css is the standard way to eliminate top and left margins in the body, so it makes sense. Give this a try -- I think it's your answer.