Skygge omkring en tabel

Hva' med:
<!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">
<html>
<head>
<title>Side</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body {height:100%;margin:0px;padding:0px}
</style>

</head>
<body>
<table style="height:100%;width:100%;">
<tr>
  <td style="height:100%;width:100%";>
<table style="margin:0px auto;border:1px solid #000;vertical-align:middle">
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
</table>
</td>
</tr>
</table>

</body>
</html>

Måske nærmere:

<!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">
<html>
<head>
<title>Side</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body {height:100%;margin:0px;padding:0px;background:#ccc;}
</style>
</head>
<body>
<table style="margin-left:auto;margin-right:auto;border:1px solid #000;background:#fff;width:800px;height:600px;">
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  </tr>
</table>
</body>
</html>

jo hvis det var det maxsover mente med at den skulle passe til 800x600 (og så skal der jo alligevel trækkes lidt fra da selve vinduet jo aldrig er 800x600.

Jeg har set på dem begge... og jeg synes ikke at man ser en eneste skygge..

Der skal være skygger helt ude i siderne..
ikke i toppen eller bunden.

Så skal du vel bare gøre sådan:
<table style="margin:0px auto;border:1px solid #000;border-width:0px 1px;vertical-align:middle">

eller hvis ud bedre kan li' roenvings:
<table style="margin-left:auto;margin-right:auto;border:1px solid #000;border-width:0px 1px;background:#fff;width:800px;height:600px;">

hmmmm??
Ser stadig ingen skygger..

Når jeg siger skygger mener jeg noget i stil med denne side www.planetsnow.dk
Prøv at se den røde skygge ude i siden.. men jeg skal bare bruge en sort skygge.

Måske:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title> TITLE </title>

<META NAME="Keywords" CONTENT="olebole,http://www.eksperten.dk/spm/342379">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.shadeHolder {
    position: relative;
}
.shadeTBL {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 5;
    background-color: #ffffff;
}
.shader {
    position: absolute;
    background-color: #000080;
}
</style>
<script type="text/JavaScript">
var startOpacity = 25; // Sæt selv start-opaciteten
var d=document;
function gA(o,tN){return o.getElementsByTagName(tN)}
function pI(s){return parseInt(s)}
function doShade(tbl) {
    var w, h, a, offset, opac, cont = (d.all)? tbl.parentElement : tbl.parentNode;
    w=pI(tbl.offsetWidth); h=pI(tbl.offsetHeight);
    a = new Array();
    var steps = (d.all && !window.createPopup)? 1 : 4; // Antal skygge-steps
    for (var i=1; i<steps+1; i++) {
        offset = i + "px";
        opac = startOpacity / i;
        a[a.length] = '<img class="shader" src="spacersort.gif" ';
        a[a.length] = 'style="width:'+w+'px;height:'+h+'px;left:'+offset+';top:'+offset+';z-index:'+i+';';
        if (d.all) a[a.length] = 'filter:alpha(opacity='+opac+')">';
        else a[a.length] = '-moz-opacity:'+(opac/100)+'">';
    }
    cont.innerHTML += a.join("");
}

function initShadeTBLs() {
    if (d.layers) return;
    var aTbl = gA(d,"TABLE");
    for (var i=0; i<aTbl.length; i++) {
        if ( aTbl[i].className=="shadeTBL" ) doShade( aTbl[i] );
    }
}
window.onload = initShadeTBLs;
</script>
</head>
<body>

<div class="shadeHolder">
    <table class="shadeTBL" cellspacing="0" cellpadding="0" border="3">
    <tr>
        <td>Lorem ipsum dolor sit amet, consectetur<br>
            adipisicing elit, sed do eiusmod tempor incididunt<br>
            ut labore et dolore magna aliqua.</td>
    </tr>
    </table>
</div>

<br><br>

<div class="shadeHolder">
    <table class="shadeTBL" cellspacing="0" cellpadding="0" border="3">
    <tr>
        <td>Ut enim ad minim veniam, quis nostrud<br>
            exercitation ullamco laboris nisi ut aliquip ex<br>
            ea commodo consequat. Duis aute irure dolor in<br>
            reprehenderit in voluptate velit esse cillum</td>
    </tr>
    </table>
</div>

</body>
</html>

gaa til www.planetsnow.dk, hoejreklik paa et bart stykke paa siden (ikke et image) og vaelg 'View source' Saa kan du se hvordan det er lavet......

hans side er i php, så man ser ikke andet end html hvis jeg vil se kilden

Der er en der virker...
Tak roenving.
Lig lige svar, hvis du vil have point.

Fandt ud af at det ikke var det jeg søgte...
Det skal være mere ligesom www.clan-gtf.dk 's skygger... som er helt ude i siderne...

det de har gjort er at de har tre celler i en centreret tabel, hvor den midterste er indholdet og de to til højre og venstre indeholder et baggrundbillede af skyggen (ganske lille selvfølgelig). På den måde for du den skygge effekt du åbenbart ledte efter:
<body>
<center>
<table width="700">
  <tr>
  <td style="background-image:url('venstreRamme.png');width:10px;">
    &nbsp;
  </td>
  <td width="680">
    INDHOLD
  </td>
  <td style="background-image:url('hojreRamme.png');width:10px">
  &nbsp;
  </td>
</tr>
</table>
</center>
</body>

Kan du bruge det ?-)

-- så velbekomme '-)

hmm.. okay... men det kan bare ikke bruges så meget...
Jeg har da haft en kode engang, hvor jeg brugte html/javascript til at lave skygge med...

hvorfor vil du bruge javascript??? Du bruger måske ikke tabeller - for så kan det jo ikke løses så enkelt.

jeg arbejder bare med Roenvings forslag fra før

-- takker for points ;~}