Søg
Avatar billede Six Nybegynder
23. november 2003 - 05:16 Der er 18 kommentarer og
1 løsning

Problemer med height i CSS 2 og XHTML 1.1

Hej derude.

Hvordan er det lige jeg fikser height til at være 100% ?
Skal height godtnok være angivet i px' for at man kan bestemme over den? hvis jeg skriver height på 100% bliver den også 100%.. af det der er i tabellen. Den tilpasser sig altså indholdet i tabellen. Jeg vil have at min tabel er Så høj som browservinduet er!

Kan det lade sig gøre?

PS: klokken er mange. Så det kan godt ske det jeg har skrevet er usammenhængende. Håber i forstår hvad jeg mener :)
Avatar billede viciodk Praktikant
23. november 2003 - 05:26 #1
Du skal sætte:

<style type="text/css">
html, body { height: 100%;)
</style>

i din HEAD.

Først derefter kan du bruge

<table style="height: 100%;">
<tr>
<td valign="bottom">Bla</td>
<tr>
</table>
Avatar billede Six Nybegynder
23. november 2003 - 05:28 #2
det dutter ikke :/
Avatar billede Six Nybegynder
23. november 2003 - 05:30 #3
Jeg tester simpelt.

Html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="csstest.css" />
    <title>Test med css</title>
</head>

<body>
<center>
    <table>
        <tr>
            <td class="maintable">
                <p>hej2</p>
            </td>
        </tr>
    </table>
</center>
</body>
</html>

Css:
body{
    height: 100%;
}

html{
    height: 100%;
}

.maintable{
    height: 100%;
    width: 970px;
    border: solid;
    border-color: black;
    vertical-align: top;
    table-layout: auto;
}
Avatar billede Six Nybegynder
23. november 2003 - 05:31 #4
Kan du/i se noget der gør at den IKKE gør som den skal ? :(
Avatar billede Six Nybegynder
23. november 2003 - 05:33 #5
Doh. Det er jo fordi jeg bruge Class="maintable" på min <td>...

Jeg takker for hjælpen viciodk :)
Avatar billede 7th Praktikant
23. november 2003 - 05:34 #6
Jov, <td class="maintable"> sættes automatisk til 100% af tabelhøjden, hvis du forstår. Det vil altså sige, det er <tabel> som styrer den reelle højde i dette tilfælde, hvorfor du skal gøre som viciodk siger.

<table style="height: 100%">
Avatar billede Six Nybegynder
23. november 2003 - 05:36 #7
yep 7th. Opdagede fejlen. :)
Klokken er blevet mange.
Avatar billede 7th Praktikant
23. november 2003 - 05:46 #8
Ja hvis man er gammel :o)
Avatar billede Six Nybegynder
23. november 2003 - 05:48 #9
ahh.. hehe.
Jeg har lige et enkelt spørgsmål mere.

Hvordan kan jeg få smidt min tabel i toppen af browservinduet? Sådan så der ikke er noget mellemrum mellem tabellen og browservinduets start. Hvis i forstår?
Avatar billede 7th Praktikant
23. november 2003 - 05:57 #10
Du skal sætte

body {
margin: 0px; //
padding: 0px; // kan ikke huske om den er nødvendig. Mener at huske Netscape behøver denne...
}
Avatar billede Six Nybegynder
23. november 2003 - 05:59 #11
Det var simpelthen perfekt. Takker mange gange :)
Avatar billede 7th Praktikant
23. november 2003 - 06:05 #12
Så lidt.
Avatar billede Six Nybegynder
23. november 2003 - 06:07 #13
hmm hvad bruger man istedet for <center> tagget ?
Avatar billede 7th Praktikant
23. november 2003 - 06:08 #14
<div align="center">

eller

<table align="center">
Avatar billede Six Nybegynder
23. november 2003 - 06:09 #15
nårh ja... takker endnu engang :)
Avatar billede Six Nybegynder
23. november 2003 - 06:10 #16
det må man tilsyneladende ikke i XHTML 1.0 strict :/
Avatar billede 7th Praktikant
23. november 2003 - 06:12 #17
body {
text-align: center;
}

eller

<div style="text-align: center">
Avatar billede Six Nybegynder
23. november 2003 - 06:14 #18
Jamen jamen. Du ryster dem jo ud. Tak... igen :)
Avatar billede 7th Praktikant
23. november 2003 - 06:21 #19
Så lidt :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
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
30/0815:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »