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;"> </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;"> gfdgfd</td> </tr> </table> </div> </body> </html>
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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">
02. februar 2005 - 14:53
#2
<style type="text/css"> html,body { height:100%; margin-top:0px; margin-left:0px; } </style>
02. februar 2005 - 14:58
#3
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%;" ...
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.
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%"> </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"> gfdgfd</td> </tr> </table> </div> </body>
02. februar 2005 - 15:29
#8
På min side er den mere end 100% nu? Er det pga. topbanneret?
02. februar 2005 - 15:32
#9
Ja, det ligner den height="100%" på midter-cellen !-)
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
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.
02. februar 2005 - 18:31
#12
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.
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.
02. februar 2005 - 19:44
#15
Okay... Jeg kigger på det.
03. februar 2005 - 15:18
#16
Uha, det er perfekt... Hvis du besvare så er pointene dine
03. februar 2005 - 16:36
#17
svarer :o)
03. februar 2005 - 19:55
#18
Takker
Vi tilbyder markedets bedste kurser inden for webudvikling