Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 14:40 Der er 17 kommentarer og
1 løsning

Side skal være 100% i højde

Hej

Jeg har et problem med min side, det er meningen at højden skal være fra toppen (0px margins) i bunden skal der os være 0px i margin. Og når der noget tekst som ikke fylder siden helt ud, skal den alligevel være 100% i højden, hvordan kan det lade sig gøre?

Koden ser således ud:


<style type="text/css">
html,body
{
margin-top:0px;
margin-left:0px;
}
</style>
</head>

<body style="background-color:#003562;">
<div align="center">
<table style="border:0; width:790px;" cellspacing="0" cellpadding="0">
    <tr>
        <td colspan="3" style="background-image: url('topbanner.jpg'); height:131px; background-repeat: no-repeat;">&nbsp;</td>
    </tr>
    <tr>
        <td style="background-image: url('venstre.jpg'); height:500px; width:157px; background-repeat: repeat-y; vertical-align:top"></td>
        <td style="background-image: url('midten.jpg'); height:500px; width:476px; background-repeat: repeat-y;"></td>
        <td style="background-image: url('right.jpg'); height:500px; width:157px; background-repeat: repeat-y;">&nbsp;gfdgfd</td>
    </tr>
</table>
</div>
</body>
</html>
Avatar billede eksplayer Nybegynder
02. februar 2005 - 14:53 #1
Prøv med:
<table height="100%" cellpadding="0" cellspacing="0" style="border:0; width:790px;">
Istedet for:
<table style="border:0; width:790px;" cellspacing="0" cellpadding="0">
Avatar billede elskermad.dk Nybegynder
02. februar 2005 - 14:53 #2
<style type="text/css">
html,body
{
height:100%;
margin-top:0px;
margin-left:0px;
}
</style>
Avatar billede cdc Novice
02. februar 2005 - 14:58 #3
http://www.eksperten.dk/spm/586934 her en med samme problem
Avatar billede roenving Novice
02. februar 2005 - 15:07 #4
>>eksplayer

-- et table-tag har ikke en height-attribut (selvom alle browserne vist forstår den alligevel !-)

-- hvis det skal være valid kode skal man på en table sætte højde med en style-ting:

<table style="border:0; width:790px;height:100%;" ...
Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 15:08 #5
Ingen af forslagene virker... Den med height="100%" laver den godt nok 100% men den deler den over så body baggrunden ligger mellem de to billeder.
Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 15:11 #6
I kan se hvordan det kommer til at se ud:
http://www.miniklub-mv.dk/test/
Avatar billede cdc Novice
02. februar 2005 - 15:26 #7
en hurtig afhælpning, så kan du kigge på valideringen sener:

<body style="background-color:#003562;">
<div align="center">
<table cellpadding="0" cellspacing="0" style="border:0; width:790px; height:100%;">
    <tr>
        <td colspan="3" style="background-image: url('topbanner.jpg'); height: 131px; background-repeat: no-repeat" height="131%">&nbsp;</td>
    </tr>
    <tr>
        <td style="background-image: url('venstre.jpg'); width: 157px; background-repeat: repeat-y; vertical-align: top">
                <table style="position:relative; left: 6px; bottom:0px; vertical-align:middle; width:137px;">
                <tr>
                <td align="center" height="100%" style="border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000; height:23px; font-family:Trebuchet MS;" onmouseover="over(this,'#003562','#000000');" onmouseout="ude(this);">Forside</td>
                </tr>
                <tr>
                <td height="100%" style="border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000; height:23px; font-family:Trebuchet MS;">Renovering</td>
                </tr>
                <tr>
                <td height="100%" style="border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000; height:23px; font-family:Trebuchet MS;">Galleri</td>
                </tr>
                </table>
               
        </td>
        <td style="background-image: url('midten.jpg'); width: 476px; background-repeat: repeat-y" height="100%"></td>
        <td style="background-image: url('right.jpg'); width: 157px; background-repeat: repeat-y">&nbsp;gfdgfd</td>
    </tr>
</table>
</div>
</body>
Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 15:29 #8
På min side er den mere end 100% nu? Er det pga. topbanneret?
Avatar billede roenving Novice
02. februar 2005 - 15:32 #9
Ja, det ligner den height="100%" på midter-cellen !-)
Avatar billede cdc Novice
02. februar 2005 - 15:33 #10
du skulle nok smide en tabel ind i tabellen, og smide den i toppen i cellen, og lade denne tabel være fast, og smid dit banner ind som billed i cellen, i stedet for bg.
Den bg som kører hele vejen ned lader du være i den celle som du har den i nu, og lader det andet være i den størrelse som du har indhold til
Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 15:36 #11
Hmm. ??? Ik forstået. Det er jo meningen at selv om man kører 800x600 så er højde stadig fyldt ud, selvom der ikke er indhold til det.
Avatar billede cdc Novice
02. februar 2005 - 18:31 #12
Sådan her var min tanke til det:

http://hjem.get2net.dk/arntsen/eksperten/web/miniklub/

/cdc
Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 19:11 #13
Kan du ik sende kildekoden til det, for når jeg kopiere koden fra din hjemmeside, går det helt galt.
Avatar billede cdc Novice
02. februar 2005 - 19:38 #14
kig i goden og lav linket om til din style.css på min ligger den i roden.

Gem baggrunden bg_site.gif i din images mappe, samt kig på linken til dit topbanner, så skulle den være der.
Avatar billede morten_soegaard Nybegynder
02. februar 2005 - 19:44 #15
Okay... Jeg kigger på det.
Avatar billede morten_soegaard Nybegynder
03. februar 2005 - 15:18 #16
Uha, det er perfekt... Hvis du besvare så er pointene dine
Avatar billede cdc Novice
03. februar 2005 - 16:36 #17
svarer :o)
Avatar billede cdc Novice
03. februar 2005 - 19:55 #18
Takker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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