Avatar billede triple-x Nybegynder
14. februar 2005 - 21:23 Der er 9 kommentarer og
2 løsninger

100% højde i flere tabeller

Hej Eksperter,

Jeg har et problem med et design jeg ikke kan få helt på plads.

Jeg har bygget siderne op omkring 3 tabeller:
toppen
content
bunden.

Og det fungere som sådan fint nok.
Men jeg vil gerne ha lavet det sådan at ligemeget hvor lidt tekst der står i content tabellen, så har siden en højde på 100%, hvis der kommer mere tekst end der kan vises i browseren skal den selvfølgelig bare udvide sig.
www.designstroke.dk/l-recapin/bestil.html

Håber i forstår.
Avatar billede roenving Novice
14. februar 2005 - 21:27 #1
Måske som i dette spørgsmål: http://www.eksperten.dk/spm/488278 ?-)
Avatar billede triple-x Nybegynder
14. februar 2005 - 21:31 #2
roenving - det ser bestemt fornuftigt ud, jeg vender lige tilbage når jeg har læst tråden igennem og forsøgt mig med det.
havde ellers lavet en søgning på E, må ha overset den :)
Avatar billede ldanielsen Nybegynder
14. februar 2005 - 22:53 #3
Ja roenving det har vi vist snart svaret på nogle gange :o)

Fidusen er her:

html,body{height:100%;margin:0px;padding:0px;}

eller
<body style="height: 100%;">

Først når du angiver en css height for body, har height for tables noget at forholde sig til, det må være sådan det skal forstås.
Avatar billede triple-x Nybegynder
14. februar 2005 - 22:58 #4
okay nu har jeg læst tråden og som jeg ser det bliver jeg nød til at kode alt om til divs.

Derfor, er det muligt at lave en IE only funktion ved at gøre som ldanielsen siger?

Mit problem er når jeg gør som jeg forstår ser det sådan ud

www.designstroke.dk/l-recapin/spm.html - hvordan får jeg toppen til at blive i toppen og bunden til at blive i bunden :)
Avatar billede forfatterksl Nybegynder
15. februar 2005 - 14:05 #5
kan du ikke bare lave en tabel mere?

<table height=100% cellpadding=0 cellspacing=0>
<tr>
<td height=33%>
  // koden til din top-table
</tr>
<tr>
<td height=33%>
  // koden til din center-table
</tr>
<tr>
<td height=33%>
  // koden til din bund-table
</tr>
</table>

Det er simpelt, men det burde virke :-)
Avatar billede triple-x Nybegynder
15. februar 2005 - 14:08 #6
hov jeg havde glemt at afslutte herinde, jeg vil tage dit forslag til mig, men ideen med højden er lagt på hylden ligenu, så hvis Ldanielsen og roenving smider et svar kan jeg fordele point.
Avatar billede ldanielsen Nybegynder
15. februar 2005 - 14:11 #7
Nej tak, jeg supplerede bare
Avatar billede triple-x Nybegynder
15. februar 2005 - 14:13 #8
så mangler vi Roenving :) men sikker på du ik vil ha nogle ladanielsen, du har trodsalt brugt din tid.
Avatar billede roenving Novice
15. februar 2005 - 14:26 #9
Oki -- velbekomme '-)
Avatar billede triple-x Nybegynder
15. februar 2005 - 14:29 #10
jeg takker
Avatar billede roenving Novice
15. februar 2005 - 14:34 #11
-- og jeg takker for point ;~}
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

IT-JOB

Capgemini Danmark A/S

Microsoft AI Solution Architect

Unik System Design A/S

QA Engineer for AI-first development

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer