Avatar billede squ Nybegynder
12. april 2006 - 11:26 Der er 9 kommentarer og
1 løsning

Tabel vil ikke være 100%

Hej alle,

Jeg sidder m et problem i Golive CS2 (Mac).
Jeg har lavet en tabel, som skal være 100% i højden og altså vokse i forhold til browservinuets størrelse.
MEN, det vil simpelthen ikke lykkes :(
Jeg har sat min tabel størrelse til "100%" og celle-størrelsen til "Auto". Anyone? Please?
(Jeg har gjort det før, for ca. 1/2 år siden, så det er meget frusterende at det ikke virker nu :()
Avatar billede jokkejensen Novice
12. april 2006 - 11:31 #1
husk at sætte dit html, body og form tag til 100% højt også..

html, body, form, .dintabel
{
height: 100%;
}
Avatar billede squ Nybegynder
12. april 2006 - 11:39 #2
Hmm.. det siger mig overhovedet ikke noget..
Hvor skal det indsættes?

Min kode er hér;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="generator" content="Adobe GoLive" />
        <title>Tl update</title>
    </head>

    <body bgcolor="#cccccc" leftmargin="50" marginheight="0" marginwidth="50" topmargin="0" >
        <table width="760" border="0" cellspacing="2" cellpadding="0" bgcolor="white" height="100%">
            <tr>
                <td></td>
            </tr>
        </table>
   
       

</html>
Avatar billede jokkejensen Novice
12. april 2006 - 11:46 #3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta name="generator" content="Adobe GoLive" />
        <title>Tl update</title>
    </head>
<style>
html, body, .minTabel
{
height: 100%;
}
</style>

    <body bgcolor="#cccccc" leftmargin="50" marginheight="0" marginwidth="50" topmargin="0" >
        <table class="minTabel" width="760" border="0" cellspacing="2" cellpadding="0" bgcolor="white" height="100%">
            <tr>
                <td></td>
            </tr>
        </table> 
       

</html>
Avatar billede jokkejensen Novice
12. april 2006 - 11:47 #4
jeg sætter CSS til html tagget, body tagget og tabellen med klasse navnet "minTabel" sådan her:

<style>
html, body, .minTabel
{
height: 100%;
}
</style>

Det kan være en god ide at flytte det til en CSS fil..
Avatar billede squ Nybegynder
12. april 2006 - 11:52 #5
Ah, ok. Det har da ikke altid været sådan!? Men det virker! Tak!
Avatar billede jokkejensen Novice
12. april 2006 - 12:01 #6
narj det har noget med din dokument type at gøre :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Denne linie fortæller hvilken dokumenttype du benytter..

uden den, mener jeg ikke html og body skal sættes til 100%..
Avatar billede olebole Juniormester
22. april 2006 - 21:56 #7
<ole>

jokkejensen >> Uden DTD er der slet ikke tale om et (X)HTML-dokument. Den er et absolut must  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
22. april 2006 - 21:58 #8
- men det er rigtigt, at IE ikke kan tolke CSS noget nær korrekt uden DTD'en, hvorfor angivelsen af de 100% på dokument- og body-elementerne ikke er nødvendig ... men det gør det absolut ikke rigtigt at udelade DTD'en  :)
Avatar billede jokkejensen Novice
23. april 2006 - 12:26 #9
ole> nej okay, det vidste jeg nu nok, men jeg var lidt i tvivl om hvilken det er, der tillader at man blot kan smide et table med heigt="100%" som vil give det ønskede resultat..
Avatar billede olebole Juniormester
25. april 2006 - 14:42 #10
Her er lidt læsestof om emnet:
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

- kik specielt under:
    The !DOCTYPE "Switch"
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
Kurser inden for grundlæggende programmering

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.

Du kan også logge ind via nedenstående tjenester