Søg
Avatar billede stanz2002 Nybegynder
04. august 2003 - 20:34 Der er 15 kommentarer og
2 løsninger

Udfylde resten af skærmen..

Hej..

Jeg har en tabel nedest på min side og denne har en bgcolor, som fx er grå.. Hvordan får jeg denne tabel til at fylde resten af skærmen ud..

Altså uanset hvilken opløsning ens skærm har, skal denne tabel have en størrelse, der gør at den lige nøjagtig fylder ned til IE's statusbar i bunden af vinduet..

håber i forstår hvad jeg mener..

Jeg kan ikke bare sætte den til "100%", da 100% åbenbart betyder at den skal fylde hele skærmen - altså fra top til bund..

Ideen er nemlig at jeg ikke vil have en scrollbar i siden af vinduet..

Hvis jeg bruger: style="overflow-x:hidden;overflow-y:hidden;", så laver den ingen scrollbar og halvdelen af siden kan ikke ses..

Hvad gør jeg ?? :)
Avatar billede skovenborg Nybegynder
04. august 2003 - 22:55 #1
Jeg ved ikke om jeg har forstået det rigtigt, men hvis du vil have en tabel til at fylde hele skærmen, vinduet - hvad du nu vil kalde den, kan du gøre det på følgende måde:
<style type="text/css">
BODY {margin:0px}
</style>
<body>
<table style="background:grey;" width="100%" height="100%">
<tr>
  <td width="100%" height="100%">
  </td>
</tr>
</table>
</body>

Den fjerner ikke scrollbarren i IE, da den er der altid, men den fylder hele vinduet ud.
Avatar billede ztyxx Nybegynder
04. august 2003 - 22:58 #2
<body scroll=no>
fjerner scrollbaren
Avatar billede ztyxx Nybegynder
04. august 2003 - 23:00 #3
dog kun i IE
Avatar billede skovenborg Nybegynder
04. august 2003 - 23:04 #4
Det er heldigvis også normalt kun IE som viser scrollbaren automatisk - bl.a. Opera og Mozilla viser kun scrollbaren når der er brug for den (afhængigt af versionen selvfølgelig)
Avatar billede roenving Novice
05. august 2003 - 00:50 #5
>>stanz2002

Men er det du har brug for så ikke at lave en tabel *udenom* dit indhold og så lave den tabel uden margin, padding og så videre og så lave den præcis 100 % i højden ...
Avatar billede roenving Novice
05. august 2003 - 00:51 #6
-- den nederste tabel kan så have den højde den vil, man vil ikke kunne se forskellen !-)
Avatar billede stanz2002 Nybegynder
05. august 2003 - 09:22 #7
ik helt det jeg mangler :)

Jeg har en tabel i toppen hvor mit indhold her.. den har en bestemt størrelse..

Så har jeg en tabel under den, som jeg giver en grå baggrundsfarve.. Denne tabel vil jeg så have (uanset skærmopløsning) til at udfylde resten af skærmen.. altså fra tabel 1 slutter og ned til vinduet slutter..

Hvis jeg bruger 100%, så fylder den nemlig HELE skærmen og ikke bare det der er tilbage efter tabel 1..

Det er lidt svært at forklare :)
Avatar billede skovenborg Nybegynder
05. august 2003 - 11:35 #8
Det kan vel ikke bare løses med at sætte baggrundsfarven til grå, og så lave en ny baggrundsfarve til tabel1???

Altså:
<body style="background:farve">
<table style="background:farve" width="100%">
  <!-- TABEL1 -->
</table>
</body>
Avatar billede skovenborg Nybegynder
05. august 2003 - 11:36 #9
Ellers er det mig som har misforstået hvad du vil ;-)
Avatar billede roenving Novice
05. august 2003 - 12:44 #10
Kig engang på hvad jeg mener med en tabel rundt om ...

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tabel-tabeller</title>
<style type="text/css">
html,body{
height:100%;
text-align:center;
padding:0px;
border:0px;
margin:0px;
}
.baggrund{
width:768px;
height:100%;
padding:0px;
border:0px;
margin:0px;
background:#eee;
text-align:left;
cellspacing:0px;
cellpadding:0px;
vertical-align:top;
}
.indhold{
width:768px;
height:160px;
top:0px;
padding:0px;
border:0px;
margin:0px;
background:#737;
cellspacing:0px;
cellpadding:0px;
vertical-align:top;
}
</style>
</head>
<body>
<table class="baggrund"><tr class="baggrund"><td class="baggrund">

<table class="indhold" align="left">
    <tr VALIGN="top">
        <td width="128px">
            <div style="background:#727">LOGO-div</div>
        </td>
        <td width="640px">
            <div style="background:#f27;text-align:center;">Header-div</div>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div style="">Her er den øverste sektion</div>
        </td>
    </tr>
</table>
<br>
<br>
<br>
<br>
Her kan alt muligt placeres</td>

</tr></table>
</body>
</html>
Avatar billede stanz2002 Nybegynder
05. august 2003 - 13:08 #11
#Skovenborg..

Duer ik med grå bgcolor på hele siden, da jeg har et billede som baggrund..

#roenving...

Jah.. det var måske en mulighed på den måde.. men alligevel ikke helt, da tabel 1 ikke går helt ud til højre side og det gør mit baggrundsbillede.. Og så duer ideen ik helt alligevel.. For svært at forklare :)

Men jeg har lavet om på designet, så jeg undgår det med den tabel.. Vist det nemmeste Så hvis I alle smider et svar, så deler i pointene..
Avatar billede stanz2002 Nybegynder
05. august 2003 - 13:09 #12
men takker da for hjælper :)
Avatar billede roenving Novice
05. august 2003 - 13:32 #13
Så kan du da bare lægge en div ind som er absolut positioneret og sørge for, at den fylder det den skal ...
Avatar billede stanz2002 Nybegynder
05. august 2003 - 17:10 #14
jah, men tror bare jeg holder mig til det nye design jeg biksede sammen :) det er vist nemmere :)

venter lige på svar fra de andre inden pointene kommer..
Avatar billede skovenborg Nybegynder
05. august 2003 - 18:05 #15
svarrr!!! (eller hvad man nu bør skrive som afsluttende bemærkning)
Avatar billede roenving Novice
05. august 2003 - 22:19 #16
-- tak for points ;~}
Avatar billede skovenborg Nybegynder
06. august 2003 - 17:16 #17
samme her :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »