Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Misplaced table in Netscape.

Status
Not open for further replies.
ID10T16

ID10T16

Technical User
Sep 22, 2000
160
US
It's been a while since I been doin websites & recently had this project dropped in my lap. I'm gradually recalling all that I used to know, but the things that aren't quite coming back are ways to avoid compatibility issues. Right now, my table is misplaced in netscape. It's too far down on the page. I need the top of the table to be as flush w/ the top of the window as possible. I'm sure it's something really small, but I can't seem to pick it out of the code.
Here's my code:
<html>
<head>
<style>
#Logo{
position:absolute;
left:0px;
height:111px;
width:230px;
top:3px;
border:0;
font:bold 12px Verdana;}
</style>
<style>
#SearchTab2{
position:absolute;
left:633px;
height:227px;
width:152px;
top:-203px;
border:0;
font:bold 12px Verdana;
}
</style>
<style>
#ContactsTab2{
position:absolute;
left:638px;
height:227px;
width:152px;
top:-203px;
border:0;
font:bold 12px Verdana;}
</style>
<style>
#LinksTab2{
position:absolute;
left:646px;
height:227px;
width:152px;
top:-203px;
border:0;
font:bold 12px Verdana;}
</style>
<style>
#Inviz{
position:absolute;
left:650px;
height:15px;
width:55px;
top:0px;
border:0;
font:bold 12px Verdana;}
</style>
<style>
#Inviz2{
position:absolute;
left:690px;
height:15px;
width:55px;
top:0px;
border:0;
font:bold 12px Verdana;}
</style>
<style>
#Inviz3{
position:absolute;
left:730px;
height:15px;
width:55px;
top:0px;
border:0;
font:bold 12px Verdana;}
</style>
<style>
#ForegroundN{
position:absolute;
left:634px;
height:200px;
width:130px;
top:-203px;
border:0;
font:bold 12px Verdana;
}
</style>
<style>
#ForegroundN2{
position:absolute;
left:639px;
height:200px;
width:130px;
top:-203px;
border:0;
font:bold 12px Verdana;
}
</style>
<style>
#ForegroundN3{
position:absolute;
left:647px;
height:200px;
width:130px;
top:-203px;
border:0;
font:bold 12px Verdana;
}
</style>
<SCRIPT>
var name = navigator.appName;
var vers = navigator.appVersion;
var clrdpth = window.screen.colorDepth;
var width = window.screen.width;
var height = window.screen.height;
var maxwidth = window.screen.availWidth;
var maxheight = window.screen.availHeight;
var platform = navigator.platform;
var x=(maxwidth)-100;
function resize(){
wWidth=maxwidth;
wHeight=maxheight;
window.moveTo(0,0)
window.resizeTo(wWidth,wHeight)
}
window.onload=&quot;resize()&quot;
</script>
<title>Untitled</title>
</head>
<body TOPMARGIN=&quot;0&quot; LEFTMARGIN=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; bgcolor=&quot;#ffffff&quot;>
<div align=&quot;center&quot; id=&quot;Logo&quot; style=&quot;position: absolute; left: 0px; top: 3px; width: 230;&quot;><img src=&quot;Star200.gif&quot; width=&quot;227&quot; height=&quot;111&quot; border=&quot;0&quot;></div>
<div align=&quot;center&quot; id=&quot;SearchTab2&quot; style=&quot;position: absolute; left: 633px; top:-203px; width:152; height:227; z-index:1;&quot;>
<img src=&quot;Searchtab.gif&quot; width=&quot;152&quot; height=&quot;227&quot; border=&quot;0&quot;></div>
<script>if(document.all)
document.write('<iframe align=&quot;center&quot; id=&quot;ForegroundN&quot; style=&quot;position: absolute; left: 635px; top:-203px; width:130; height:190; z-index:2; vertical-align: middle;&quot; OnmouseOut=&quot;draw()&quot; src=&quot;SearchTab.html&quot; frameborder=&quot;0&quot;></iframe>')
else
document.write('<ilayer align=&quot;center&quot; id=&quot;ForegroundN&quot; style=&quot;position: absolute; left: 635px; top:-203px; width:130; height:190; z-index:2; vertical-align: middle;&quot; OnmouseOut=&quot;draw()&quot; src=&quot;SearchTab.html&quot; frameborder=&quot;0&quot; pagex=&quot;635&quot; pagey=&quot;-203&quot;></ilayer>')
</script>
<div align=&quot;center&quot; id=&quot;ContactsTab2&quot; style=&quot;position: absolute; left: 638px; top:-203px; width:152; height:227; z-index:3;&quot;>
<img src=&quot;Contact.gif&quot; width=&quot;152&quot; height=&quot;227&quot; border=&quot;0&quot;></div>
<script>if(document.all)
document.write('<iframe align=&quot;center&quot; id=&quot;ForegroundN2&quot; style=&quot;position: absolute; left: 639px; top:-203px; width:130; height:190; z-index:4; vertical-align: middle;&quot; OnmouseOut=&quot;draw2()&quot; src=&quot;ContactsTab.html&quot; frameborder=&quot;0&quot;></iframe>')
else
document.write('<ilayer align=&quot;center&quot; id=&quot;ForegroundN2&quot; style=&quot;position: absolute; left: 639px; top:-203px; width:130; height:190; z-index:4; vertical-align: middle;&quot; OnmouseOut=&quot;draw2()&quot; src=&quot;ContactsTab.html&quot; frameborder=&quot;0&quot; pagex=&quot;693&quot; pagey=&quot;-203&quot;></ilayer>')
</script>
<div align=&quot;center&quot; id=&quot;LinksTab2&quot; style=&quot;position: absolute; left: 646px; top:-203px; width:152; height:227; z-index:5;&quot;>
<img src=&quot;Linkstab.gif&quot; width=&quot;152&quot; height=&quot;227&quot; border=&quot;0&quot;></div>
<script>if(document.all)
document.write('<iframe align=&quot;center&quot; id=&quot;ForegroundN3&quot; style=&quot;position: absolute; left: 647px; top:-203px; width:130; height:190; z-index:6; vertical-align: middle;&quot; OnmouseOut=&quot;draw3()&quot; src=&quot;LinksTab.html&quot; frameborder=&quot;0&quot;></iframe>')
else
document.write('<ilayer align=&quot;center&quot; id=&quot;ForegroundN3&quot; style=&quot;position: absolute; left: 647px; top:-203px; width:130; height:190; z-index:6; vertical-align: middle;&quot; OnmouseOut=&quot;draw3()&quot; src=&quot;LinksTab.html&quot; frameborder=&quot;0&quot; pagex=&quot;647&quot; pagey=&quot;-203&quot;></ilayer>')
</script>
<div align=&quot;center&quot; id=&quot;Inviz&quot; style=&quot;position: absolute; left: 650px; top: 0px; width:55; height:15; z-index:7&quot;>
<script>if(document.layers)document.write('<a href=&quot;#&quot; OnMouseDown=&quot;changez(),pull()&quot;>')</script>
<img src=&quot;Inviz.gif&quot; width=&quot;30&quot; height=&quot;15&quot; border=&quot;0&quot; OnClick=&quot;changez(),pull()&quot;>
<script>if(document.layers) document.write('</a>')</script></div>
<div align=&quot;center&quot; id=&quot;Inviz2&quot; style=&quot;position: absolute; left: 690px; top: 0px; width:55; height:15; z-index:8&quot;>
<script>if(document.layers)document.write('<a href=&quot;#&quot; OnMouseDown=&quot;changez2(),pull2()&quot;>')</script>
<img src=&quot;Inviz.gif&quot; width=&quot;30&quot; height=&quot;15&quot; border=&quot;0&quot; OnClick=&quot;changez2(),pull2()&quot;>
<script>if(document.layers) document.write('</a>')</script></div>
<div align=&quot;center&quot; id=&quot;Inviz3&quot; style=&quot;position: absolute; left: 730px; top: 0px; width:55; height:15; z-index:9&quot;>
<script>if(document.layers)document.write('<a href=&quot;#&quot; OnMouseDown=&quot;changez3(),pull3()&quot;>')</script>
<img src=&quot;Inviz.gif&quot; width=&quot;30&quot; height=&quot;15&quot; border=&quot;0&quot; OnClick=&quot;changez3(),pull3()&quot;>
<script>if(document.layers)document.write('</a>')</script></div>
<script>if(document.all)
document.write
('<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;middle&quot;><tr align=&quot;left&quot; valign=&quot;top&quot; height=&quot;120&quot;><td valign=&quot;top&quot; background=&quot;Top800X600.gif&quot;><img src=&quot;Top800X600.gif&quot; width=&quot;800&quot;></td></tr><tr bgcolor=&quot;#ffffff&quot;><td bgcolor=&quot;#ffffff&quot;><a href=&quot;#&quot;>Sales</a> | <a href=&quot;#&quot;>Printers</a> | <a href=&quot;#&quot;>Repairs</a> | <a href=&quot;#&quot;>Custom Computers</a> | <a href=&quot;#&quot;>About Us</a></td></tr></table>')
else document.write
('<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; topmargin=&quot;0&quot; leftmargin=&quot;0&quot; align=&quot;middle&quot; valign=&quot;top&quot;><tr align=&quot;left&quot; valign=&quot;top&quot; height=&quot;120&quot;><td valign=&quot;top&quot;><img src=&quot;Top800X600.gif&quot; width=&quot;800&quot; height=&quot;120&quot;></td></tr><tr bgcolor=&quot;#ffffff&quot;><td bgcolor=&quot;#ffffff&quot;><a href=&quot;#&quot;>Sales</a> | <a href=&quot;#&quot;>Printers</a> | <a href=&quot;#&quot;>Repairs</a> | <a href=&quot;#&quot;>Custom Computers</a> | <a href=&quot;#&quot;>About Us</a></td></tr></table>')
</script>
<script>if(document.all)
document.write('<iframe src=&quot;Expand2.html&quot; name=&quot;Menu&quot; id=&quot;Menu&quot; width=&quot;150&quot; height=&quot;500&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; hspace=&quot;0&quot; vspace=&quot;30&quot; align=&quot;middle&quot; frameborder=&quot;0&quot;></iframe>')
else
document.write('<ilayer src=&quot;Expand2.html&quot; name=&quot;Menu&quot; id=&quot;Menu&quot; width=&quot;150&quot; height=&quot;500&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; hspace=&quot;0&quot; vspace=&quot;30&quot; align=&quot;middle&quot; frameborder=&quot;0&quot; pagex=&quot;30&quot;></ilayer>')
</script>
<script>
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout(&quot;window.onresize=regenerate&quot;,400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.SearchTab2.style
bottomboundary=0
topboundary=-203
}
else{
themenu=document.layers.SearchTab2
bottomboundary=0
topboundary=-203
}
if (document.all){
document.write
themenut=document.all.ForegroundN.style
bottomboundaryt=0
topboundaryt=-203
}
else{
themenut=document.layers.ForegroundN
bottomboundaryt=0
topboundaryt=-203
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval(&quot;pullengine()&quot;,50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval(&quot;drawengine()&quot;,30)
}
function pullengine(){
if (document.all&&themenu.pixelTop<bottomboundary)
themenu.pixelTop+=29
else if(document.layers&&themenu.top<bottomboundary)
themenu.top+=29
if (document.all&&themenut.pixelTop<bottomboundaryt)
themenut.pixelTop+=29
else if(document.layers&&themenut.top<bottomboundaryt)
themenut.top+=29
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelTop>topboundary)
themenu.pixelTop-=7
else if(document.layers&&themenu.top>topboundary)
themenu.top-=7
if (document.all&&themenut.pixelTop>topboundaryt)
themenut.pixelTop-=7
else if(document.layers&&themenut.top>topboundaryt)
bthemenut.top-=7
else if (window.drawit)
clearInterval(drawit)
document.all.SearchTab2.style.zIndex=1;
document.all.ForegroundN.style.zIndex=2;
}
</script>
<script>
var pullit2;
var drawit2;
if (document.all){
document.write('</div>')
themenu2=document.all.ContactsTab2.style
bottomboundary2=0
topboundary2=-203
}
else{
themenu2=document.layers.ContactsTab2
bottomboundary2=0
topboundary2=-203
}
if (document.all){
themenut2=document.all.ForegroundN2.style
bottomboundaryt2=0
topboundaryt2=-203
}
else{
themenut2=document.layers.ForegroundN2
bottomboundaryt2=0
topboundaryt2=-203
}
function pull2(){
if (window.drawit2)
clearInterval(drawit2)
pullit2=setInterval(&quot;pullengine2()&quot;,50)
}
function draw2(){
clearInterval(pullit2)
drawit2=setInterval(&quot;drawengine2()&quot;,30)
}
function pullengine2(){
if (document.all&&themenu2.pixelTop<bottomboundary2)
themenu2.pixelTop+=29
else if(document.layers&&themenu2.top<bottomboundary2)
themenu2.top+=29
if (document.all&&themenut2.pixelTop<bottomboundaryt2)
themenut2.pixelTop+=29
else if(document.layers&&themenut2.top<bottomboundaryt2)
themenut2.top+=29
else if (window.pullit2)
clearInterval(pullit2)
}
function drawengine2(){
if (document.all&&themenu2.pixelTop>topboundary2)
themenu2.pixelTop-=7
else if(document.layers&&themenu2.top>topboundary2)
themenu2.top-=7
if (document.all&&themenut2.pixelTop>topboundaryt2)
themenut2.pixelTop-=7
else if(document.layers&&themenut2.top>topboundaryt2)
themenut2.top-=7
else if (window.drawit2)
clearInterval(drawit2)
document.all.ContactsTab2.style.zIndex=3;
document.all.ForegroundN2.style.zIndex=4;
}
</script>
<script>
var pullit3;
var drawit3;
if (document.all){
document.write('</div>')
themenut3=document.all.ForegroundN3.style
bottomboundaryt3=0
topboundaryt3=-203
}
else{
themenut=document.layers.ForegroundN3
bottomboundaryt3=0
topboundaryt3=-203
}
if (document.all){
themenu3=document.all.LinksTab2.style
bottomboundary3=0
topboundary3=-203
}
else{
themenu=document.layers.LinksTab2
bottomboundary3=0
topboundary3=-203
}

function pull3(){
if (window.drawit3)
clearInterval(drawit3)
pullit3=setInterval(&quot;pullengine3()&quot;,50)
}
function draw3(){
clearInterval(pullit3)
drawit3=setInterval(&quot;drawengine3()&quot;,30)
}
function pullengine3(){
if (document.all&&themenu3.pixelTop<bottomboundary3)
themenu3.pixelTop+=29
else if(document.layers&&themenu3.top<bottomboundary3)
themenu3.top+=29
if (document.all&&themenut3.pixelTop<bottomboundaryt3)
themenut3.pixelTop+=29
else if(document.layers&&themenut3.top<bottomboundaryt3)
themenut3.top+=29
else if (window.pullit3)
clearInterval(pullit3)
}
function drawengine3(){
if (document.all&&themenu3.pixelTop>topboundary3)
themenu3.pixelTop-=7
else if(document.layers&&themenu3.top>topboundary3)
themenu3.top-=7
if (document.all&&themenut3.pixelTop>topboundaryt3)
themenut3.pixelTop-=7
else if(document.layers&&themenut3.top>topboundaryt3)
themenut3.top-=7
else if (window.drawit3)
clearInterval(drawit3)
document.all.LinksTab2.style.zIndex=5;
document.all.ForegroundN3.style.zIndex=6;
}
function changez(){
document.all.SearchTab2.style.zIndex=10;
document.all.ForegroundN.style.zIndex=11;
}
function changez2(){
document.all.ContactsTab2.style.zIndex=10;
document.all.ForegroundN2.style.zIndex=11;
}
function changez3(){
document.all.LinksTab2.style.zIndex=10;
document.all.ForegroundN3.style.zIndex=11;
}
</script>
</body>
</html>


Hope somebody can figure this out. Thanx for your help.
 
Sort by date Sort by votes
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
706
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
830
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
654
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top