Fylde skærmen ud

Har du overvejet at angive left som en % mæssig værdi? På den måde kunne du skrive left: 50%; width: 50%.

Ja, men den går ikke. Jeg skal have en absolut værdi som left, da min side er 750 px bred...

Ok, jamen så er kan jeg kun se en anden mulighed. Du laver et javascript der får skærmbredden fra klienten og bruger dette til at Document.write din style ind i html dokumentet. Altså noget a'la:

<script language="javascript" type="text/javascript">
Document.write('<style>#tom{position:absolute; left:750px; top: 50px width:' + document.body.clientWidth - 750 + 'px; background-color:silver}</style>');

Ellers kan du overveje at styre det hele ved hjælp af tabeller.

Hmmm, gider ikke rigigt rode med java script....det må da kunne lade sig gøre i css...

Det er sjovt du nævner tabeller... Jeg har altid lavet alle mine løsninger i tabeller, men så faldt jeg over en artikel på hmtml.dk (http://www.html.dk/artikler/00043) som siger at det er meget smartere med css....

Tjaeh men så er der vel ikke andet at sige til det at du må gå igang med at lede på http://www.w3.org/TR/REC-CSS1. Held og lykke

#tom {
    position: absolute;
    width: 100%;
    border-left: 700px solid white;
    top: 50px;
    background-color: silver;
}

pixeldude: Virker ikke, borderen overlapper de andre ting på min side

Det sagde spørgsmålet jo ikke noget om ... :)
Så skal du bare sørge for at #tom har et lavere Z-index end dine andre ting.

Ok...og hvordan gør man så det???

Men der må da være en funktion i css der kan gøre det direkte, uden at man skal til at lege med border...

#tom {
    position: absolute;
    width: 100%;
    border-left: 700px solid white;
    top: 50px;
    background-color: silver;
    z-index: 1;
}

Så sætter du bare z-index til noget højere på de øvrige komponenter på siden.

Der er ingen funktioner i CSS.  Sætter man noget til at være 100% i CSS så bliver det 100% + alt det andet man laver med positionering.

Men du skal være opmærksom på hvordan de forskellige browsere tolker ting som border, padding og margin.

ok....jeg kan ikke få det med z index til at virke ordentligt. Den sætter #tom foran "content selv om #tom har index 1 og #content har indeks 2. Det virker med de andre... se siden www.i-butikker.dk/nyside

CSS koden er her:

#title {
    position:absolute;
    left:5px;
    top:5px;
    width:500px;
    height: 50px;
    z-index: 2;
    }

#content {
    padding-top: 250px;
    margin-left:25px;
    margin-right:160px;
    background-color:red;
    z-index: 2;
}

#menu {
    position:absolute;
    left:0px;
    top:201px;
    width:750;
    height: 15px;
    background-color: #DDDDDD;
    z-index: 2;
    }

#tom {
    position: absolute;
    width: 100%;
        height: 100%;
    border-left: 751px solid yellow;
    border-top: 50px solid red;
        top: 0px;
    background-color: #CCCCCC;
    z-index: 1;
        }

#billede {
    position:absolute;
    left:0px;
    top:50px;
    height: 150px;
    width:750;
    z-index: 2;
}

Den gule og røde farve er bare for at vise borderen på #tom og hvordan den dækker for #content

Er der ikke nogle der kan kringle den...???

Hvis ikke der kommer en løsning på mit problem, lukker jeg snart spørgsmålet...

lukketid... :-(