Søg
Avatar billede venchil Nybegynder
11. november 2005 - 18:28 Der er 12 kommentarer og
1 løsning

100% tabel højde

<table>
  <tr>
    <td width="50%">Hejsa =)</td>
    <td width="50%">Hejsa =)</td>
  </tr>
</table>

Hvordan får jeg tabellen til at fylde hele skærmen i højden? Har prøvet alt.. Sat height="100%" ind i både <table>, <body> og <html>... Men intet sker :(

Nogen der kan hjælpe mig?
Avatar billede olebole Juniormester
11. november 2005 - 18:34 #1
<ole>

Brug en fuld DTD med definitions URL ... f.eks:

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

Dernæst skal browseren altid udregne en relativ højde på basis af det omkransende elements højde - som derfor skal være eksplicit sat:

<style type="text/css">
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
</style>

/mvh
</bole>
Avatar billede olebole Juniormester
11. november 2005 - 18:35 #2
- og tabellen:
  <table style="height:100%" ......>
Avatar billede venchil Nybegynder
11. november 2005 - 18:46 #3
Det var bare et eksempel... Har et ret komplekst layout med flere celler, rækker osv., men alt er inden for én tabel.

Nå, men når jeg prøver din kode er effekten, at hele siden bliver placeret midt på siden i højden, men den er stadig lige så høj som før... nemlig lige så høj som indholdet...
Avatar billede olebole Juniormester
11. november 2005 - 18:48 #4
Så er der noget, du ikke fortæller. Du må nok prøve med et link til siden  :)
Avatar billede venchil Nybegynder
11. november 2005 - 18:49 #5
http://www.madskjaer.dk/rao/main.php?id=content_home.php

Den er stadig i udviklings-fasen, ved ikke om den er valid :)
Avatar billede olebole Juniormester
11. november 2005 - 18:49 #6
Er du helt sikker på, det element, som tabellen ligger i, har fået sat en højde ... og det næste ... og det næste ... osv?  :)
Avatar billede venchil Nybegynder
11. november 2005 - 18:50 #7
Nåh... den er så valid :P
Avatar billede venchil Nybegynder
11. november 2005 - 18:52 #8
Det eneste <table> ligger i et <body> og <html>. I mit stylesheet har jeg skrevet dette:

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-image: url("../gfx/gfx_background.jpg");
    background-repeat: repeat-x;
    background-color: #091022;
    background-position: 0% 100px
}

(lille udpluk af hele stylesheet, alt der findes for html og body)
Avatar billede olebole Juniormester
11. november 2005 - 18:52 #9
Den yderste tabel går fra den absolutte top og helt ned til bunden ... giv den en baggrundsfarve, så du kan se det  ;o)
Avatar billede olebole Juniormester
11. november 2005 - 18:55 #10
Prøv evt. at skrive:
  java script:d=document;d.getElementsByTagName("table")[0].style.background='red';void(0)

- i adresselinjen og tryk 'Enter'  :)
Avatar billede venchil Nybegynder
11. november 2005 - 19:13 #11
Ah... så fattede jeg hvad det handlede om... Havde puttet et andet table-element inden i den table som det hele virkede på.. Alt er som det skal være nu... Du må gerne lægge et svar olebole! :D

PS: Der er lige 100-150px scroll uden noget indhold forneden.. Hvad er det, og hvordan kommer jeg af med det?
Avatar billede olebole Juniormester
11. november 2005 - 21:55 #12
Sidste linje forstår jeg ikke  :)
Avatar billede olebole Juniormester
12. november 2005 - 16:47 #13
Tak for points ... men ang. den sidste linje: Er der noget, vi ikke har fået ordnet? I så fald må du lige sige til  ;o)
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 dag 10:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
White papers
Flere white papers »