Avatar billede morten_soegaard Nybegynder
19. december 2004 - 18:45 Der er 21 kommentarer og
1 løsning

HTML: Problemer med tabel

Hej
Jeg har problemer med nogle nogle tabeller jeg bruger til min hjemmeside. Det er min mening at hele tabellen skal fylde 100% i højden. Dvs. når man laver browser vinduet større bliver højden stadig 100 % af skærmen. Men kan ikke få det til at virke. Min kode ser sådan her ud:


<body leftmargin="0" topmargin="0">

<table border="0" width="730" cellspacing="0" cellpadding="0" align="center" height="100%">
    <tr>
        <td colspan="3" background="top.jpg" height="34"></td>
    </tr>
    <tr>
        <td colspan="3" height="15" background="top_2.jpg"></td>
    </tr>
    <tr>
        <td width="151" background="menu_bag.jpg">Start</td>
        <td width="546">Tekst</td>
        <td width="10" background="side_bag.jpg">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="3" height="4" background="bund_bag.jpg"></td>
    </tr>
    <tr>
        <td colspan="3" height="48" background="bund.jpg">&nbsp;</td>
    </tr>
</table>

</body>


Håber i kan hjælpe mig det sikkert et lille problem :)

Mvh Morten
Avatar billede thesurfer Nybegynder
19. december 2004 - 18:48 #1
har du prøvet med det her i <head></head> sektionen?:

<style type="text/css">
html { height: 100% }
body { height: 100% }
</style>
Avatar billede thesurfer Nybegynder
19. december 2004 - 18:49 #2
dammit... glemte ";" efter hver linie:

<style type="text/css">
html { height: 100%; }
body { height: 100%; }
</style>
Avatar billede morteeart Nybegynder
19. december 2004 - 18:51 #3
thesurfter:

en nemmere udgave :)

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

God Jul
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 18:51 #4
Så bliver cellerne ik fordelt rigtig... Men hvis jeg fjerner 100% fra <tabel> bliver det ligsom det er nu, hvor det er presset helt sammen.?
Avatar billede morteeart Nybegynder
19. december 2004 - 18:52 #5
og så lige lidt korrekt html korrektion:

<table border="0" width="730" cellspacing="0" cellpadding="0" align="center" height="100%">

bør være:

<table border="0" style="width: 730px; margin: auto; height: 100%;" cellspacing="0" cellpadding="0">

Og kræver self korrekt doctype (DTD)
Avatar billede morteeart Nybegynder
19. december 2004 - 18:53 #6
morten_soegaard

sæt height="100%" i den td som så skal udfylde max, og HUSK at angive korrekt height på alle andre td elementer
Avatar billede thesurfer Nybegynder
19. december 2004 - 18:53 #7
hehe... ja, godmorgen :-)
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 18:54 #8
morteeart: Hvis jeg indsætter det i head som du skriver og ændre min <tabel> så bliver det godt nok 100% på siden men inddelingerne af cellerne helt forkert.
Avatar billede morteeart Nybegynder
19. december 2004 - 18:57 #9
prøv med:

<!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>
<style type="text/css">
html,body
{
height: 100%;
margin: 0px;
}
</style>
</head>
<body leftmargin="0" topmargin="0">

<table border="0" style="width: 730px; margin: auto; height: 100%;" cellspacing="0" cellpadding="0">
    <tr>
        <td valign="top" colspan="3" background="top.jpg" style="height: 34px;"></td>
    </tr>
    <tr>
        <td valign="top" colspan="3" style="height: 15px;" background="top_2.jpg"></td>
    </tr>
    <tr>
        <td valign="top" width="151" style="height: 100%" background="menu_bag.jpg">Start</td>
        <td valign="top" width="546" style="height: 100%">Tekst</td>
        <td valign="top" width="10" style="height: 100%" background="side_bag.jpg">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" colspan="3" style="height: 4px;" background="bund_bag.jpg"></td>
    </tr>
    <tr>
        <td valign="top" colspan="3"  style="height: 48px;" background="bund.jpg">&nbsp;</td>
    </tr>
</table>

</body>
</html>
Avatar billede thesurfer Nybegynder
19. december 2004 - 18:58 #10
Jeg er hoppet ud af dette spm (abonnerer ikke længere på det = ingen mails)..
Hvis I har en vigtig besked til mig, skriv en henvisning her: http://www.eksperten.dk/spm/501654
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 19:00 #11
Det var lidt bedre :)

Men der er stadig lidt som det ik skal være. For nu er det sådan at man skal scrolle på siden for at komme ned i bunden. Det skal det ik være. Den skal simpelthen bare fylde den størrelse ud som er tilgængeligt fra browseren.

Kan det lade sig gøre?
Avatar billede morteeart Nybegynder
19. december 2004 - 19:02 #12
nej

Det er desværre ikke muligt, specielt ikke fordi at browserne ikke opholder standarterne korrekt.

Så der er pt. desværre intet at gøre.
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 19:04 #13
Er der heller ingen løsningerne på det? For det skal faktisk helst være sådan.
Avatar billede morteeart Nybegynder
19. december 2004 - 19:35 #14
nej, der er INGEN løsning på dette.

Eneste mulighed skulle være hvis dit design kunne tilpasses noget jeg engang lavede,
men så skal jeg have et link for at kunne se siden først.

Men så snakker vi en hel anden kode. (uden tables :) )
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 19:39 #15
Okay lyder spændende...

Her er et link
http://www.miniklub-mv.dk/test/test/
Avatar billede morteeart Nybegynder
19. december 2004 - 19:42 #16
hmm, nej desværre

Hvis bunden ikke var der, var det nemt nok at lave, men ellers er der ingen anden mulighed , end den nuværende kode.
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 19:42 #17
Har den så meget at sige? hvordan har du lavet det uden tabeller?
Avatar billede morteeart Nybegynder
19. december 2004 - 19:45 #18
sætte dit logo som en div i toppen, og så sætte det andet som baggrund på siden,
ingen kan se forskel, men det virker :)
Avatar billede morten_soegaard Nybegynder
19. december 2004 - 19:46 #19
Okay :)
Avatar billede morteeart Nybegynder
19. december 2004 - 20:01 #20
Avatar billede morteeart Nybegynder
19. december 2004 - 20:40 #21
nogen du kunne bruge ?
Avatar billede morten_soegaard Nybegynder
21. december 2004 - 08:10 #22
LUKKET
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