---
title: "Placering av tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/245-placering-av-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "nicclas"
published: "2000-05-08T08:00:00.000Z"
updated: "2000-05-08T08:00:00.000Z"
replies: 0
views: 388
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/245-placering-av-tabell"
---

# Placering av tabell

## #1 — nicclas, 2000-05-08T08:00Z

Hejsan,

Jar har försökt att konstruera en sida som är tom förutom en windows-aktivitetsfälts-liknande grej som sitter längst ner i bläddraren (oberoende av bläddrarens storlek). 

Problemet jag har är att jag inte vet hur man placerar t.ex. en \<table\> längst ner på en sida och som täcker precis hela bredden! Jag har kommit fram till följande kod (nedan), som tyvärr är ganska komplicerad. 

Fråga: Finns det inget enklare/stabilare sätt att göra detta?
Eller, kan man göra min kod enklare? (Måste fungera hyfsat i ie 4, ie 5 och ns4.)

Sidan/Koden (inkl bilder) finns att beskåda på <http://www.nic-sys.se/af.html> 

Min sida buggar om (1) Fonten "blir" för stor/liten (2) I fullscreen (ie) täcker aktivitetsfältet inte helt \[(3) Sidan måste laddas om i ns då storleken på bläddraren ändras (görs automatiskt)\].  
 

/ nicclas @ <http://www.nic-sys.se> 

ps. Har även gjort en version av sidan där klockan uppdaterar, men tyvärr buggar den ändå mer...

```
<!-- Kod för ett "aktivitetsfält" längst ner i bläddrarfönstret -->
<!-- Fungerar(!?) med ie 4 och 5 och ns 4. -->
<!-- av clas(at)nic-sys.se -->

<html>
<head>
<title>nic-sys.se testar</title>

<style type="text/css">
#divBottom{position:absolute; visibility:hidden;} 
#divRight{position:absolute; visibility:hidden; font-family: Verdana, Arial;} 
</style>

<script type="text/javascript" language="JavaScript">
var ie=(document.all)?1:0;
var ns=(document.layers)?1:0;
var pageWidth;

function Init(){
  pageWidth=(ie)?document.body.offsetWidth:innerWidth;
  pageHeight=(ie)?document.body.offsetHeight:innerHeight;
  checkIt()
  onresize=resized
  if(ie){
    document.all['divBottom'].style.visibility='visible';
    document.all['divRight'].style.visibility='visible';
    document.all['divBottom'].style.zIndex=9999;
    document.all['divRight'].style.zIndex=100000;
  }
  if(ns){ 
    document.layers['divBottom'].visibility='show';
    document.layers['divRight'].visibility='show';
    document.layers['divBottom'].zIndex=9999;
    document.layers['divRight'].zIndex=100000;
  }
}
function checkIt(){
  if(ie) {
    document.all['divBottom'].style.width=document.body.scrollLeft+pageWidth-20;
    document.all['divBottom'].style.top=document.body.scrollTop+pageHeight-33;
    document.all['divRight'].style.left=document.body.scrollLeft+pageWidth-94;
    document.all['divRight'].style.top=document.body.scrollTop+pageHeight-33;
  }
  if(ns){
    document.layers['divBottom'].left=0;
    document.layers['divBottom'].top=window.pageYOffset+pageHeight-26;
    document.layers['divRight'].left=window.pageXOffset+pageWidth-64;
    document.layers['divRight'].top=window.pageYOffset+pageHeight-26;
  }
}
function resized(){
  if(ns)
    window.location.reload();
  pageWidth=(ie)?document.body.offsetWidth:innerWidth;
  pageHeight=(ie)?document.body.offsetHeight:innerHeight;
  checkIt();
}

function getTimeString(){
  var oTime = new Date();
  var hours = oTime.getHours();
  var minutes = oTime.getMinutes();
  if ( minutes < 10 )
    minutes = "0" + minutes;
  if ( hours < 10 )
    hours = "0" + hours;
  var timeString = hours + ":" + minutes;
  return timeString;
}
if(ns){
  document.write('<div id="divRight"><table border=0 cellpadding=0 cellspacing=0><tr><td width=100
% colspan=2><img src=b1.gif width=100% height=3></td></tr><tr><td bgcolor=#c0c0c0 height=24><img s
rc=b3.gif align=center height=24></td><td bgcolor=#c0c0c0>');
  document.write('<font size=-1>');
  document.write(getTimeString());
  document.write('</font>&nbsp; </tr></td></table></div>');
}
if(ie){
  document.write('<div id="divRight"><table border=0 cellpadding=0 cellspacing=0><tr><td colspan=2
><img src=b1.gif width=100% height=3></td></tr><tr><td bgcolor=#c0c0c0 height=21><img src=b3.gif><
/td><td bgcolor=#c0c0c0>');
  document.write('<font size=-1>');
  document.write(getTimeString());
  document.write('</font>&nbsp; </tr></td></table></div>');
}
document.write('<div id="divBottom"><table width=100%');
document.write(' border=0 cellpadding=0 cellspacing=0><tr><td colspan=3><img src="b1.gif" width=10
0% height=3></td><tr><td width=100% bgcolor="#c0c0c0"><img src="b2.gif" height=26 align=left>');
document.write('</td></table></div>');
</script>

</HEAD>
<BODY onload="Init();" bgcolor="#008080" leftmargin=0 marginleft=0>
</BODY>
</HTML>
```

Permalänk: https://www.webforum.nu/p/245

---

Tråden på webben: https://www.webforum.nu/amne/html-css/245-placering-av-tabell
