Søg
Avatar billede genixdk Nybegynder
30. januar 2005 - 00:29 Der er 9 kommentarer og
1 løsning

Tabeller 100%

Jeg har en side hvor forsiden skal bestå a 3 felter

Et hovedfeldt 50% (område 1)
2 underfeldte 25%  (område 2 & 3)

Disse områder skal tilsammenfylde 100%

Jeg kunne selvfølgelig angive fast højde, men ville det ikke give problemer med folk der har en anden opløsning end den jeg har arbejdet efter?

Min kode:

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td valign="top">
        <table border="1" width="100%" id="table1">
            <tr>
                <td class=header colspan="2"><b><font color="#FFFFFF">Område 1</font></b></td>
            </tr>
            <tr>
                <td class=body colspan="2" height="50%">&nbsp;</td>
            </tr>
            <tr>
                <td class=header width="50%"><b><font color="#FFFFFF">Område 2</font></b></td>
                <td class=header width="50%"><b><font color="#FFFFFF">Område 3</font></b></td>
            </tr>
            <tr>
                <td class=body width="50%" height="50%">&nbsp;</td>
                <td class=body width="50%" height="50%">&nbsp;</td>
            </tr>
        </table>
        </td>
    </tr>
</table>
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 00:32 #1
og du mangler ihvertfald

<style type="text/css">

body,html
{
  height: 100%;
}

</style>

for at det virker :)
Avatar billede genixdk Nybegynder
30. januar 2005 - 00:42 #2
Hmm gjorde ikke det store udslag
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 00:48 #3
Hvad med et eksempel opdateret til korrekt 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" lang="da" xml:lang="da">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
   
    body,html
    {
    height: 100%;
    margin: 0px;
    }
   
    main_body
    {
      height: 50%;
    }
   
    main_body2
    {
      height: 50%
      width: 50%;
    }
   
    </style>
  </head>
  <body>
    <table border="1" style="width: 100%; height: 100%;">
        <tr>
            <td class="header" colspan="2"><b><font color="#FFFFFF">Område 1</font></b></td>
        </tr>
        <tr>
            <td class="main_body" colspan="2" height="50%">&nbsp;</td>
        </tr>
        <tr>
            <td class="header" width="50%"><b><font color="#FFFFFF">Område 2</font></b></td>
            <td class="header" width="50%"><b><font color="#FFFFFF">Område 3</font></b></td>
        </tr>
        <tr>
            <td class="main_body2">&nbsp;</td>
            <td class="main_body2">&nbsp;</td>
        </tr>
    </table>
  </body>
</html>
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 00:51 #4
eller endnu mere korrekt html:

http://www.thedeathart.dk/diverse/eksperten/586055/
Avatar billede genixdk Nybegynder
30. januar 2005 - 01:01 #5
Det sidste fungerede bortset fra Område tabellen er kæmpe stor altså der hvor der står "område"
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 01:06 #6
hov, havde lige overset en linje..

fjern height="50%" fra:      <td class="main_body" colspan="2">&nbsp;</td>

Så ser det lidt anderledes ud i Internet Explorer (Firefox viser det korrekt hele tiden.)

Men % højder er trælse at arbejde med, og jeg har stadig ikke helt forstået hvad du ønsker som endeligt resultat ?
Avatar billede genixdk Nybegynder
30. januar 2005 - 01:11 #7
Hmm nej jeg kan også se det bliver noget ged, i det lang løb. Tror jeg angiver højderne fordi min index.php skal alligevel ikke bruges andet end forside og indeholder intet som er skal strækkes. tak for din tid alister :)
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 01:13 #8
np, svar selv, da jeg ikke samler på points.
Avatar billede genixdk Nybegynder
30. januar 2005 - 01:17 #9
Så gør jeg det. Endnu engang tak. Fed website forresten. Elsker stilen
Avatar billede alister_crowley Nybegynder
30. januar 2005 - 01:19 #10
tak
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 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »