Notifikationer

Markér alle som læst Log ud

encorez Nybegynder

28. november 2004 - 14:32 Der er 27 kommentarer og
1 løsning

height=100%

Hej

Jeg har et irriterende spørgsmål men sikkert nemt. Jeg er ved at lave en side bestående af én tabel med 3 rækker. Top og bund er faste størrelser, da de er menu og info. Toppen skal selvfølgelig være helt i toppen og bunden skal være fikseret helt til bunden. Det er så den miderste række der skal give sig.

Jeg har nu sat height til 100% i både body, table, og den midderste TD / celle i mit CSS.

Problemet er at siden bliver ca 110% af siden højde, hvilket vil sige at der kommer lodret scroll uanset hvad.

Hvad gør jeg galt???

Synes godt om

mjl Nybegynder

28. november 2004 - 14:37 #1

Kan du forklare lidt nærmere - evt. med kode...

Synes godt om

mjl Nybegynder

28. november 2004 - 14:39 #2

Prøv dette :

<table width=750 height=100% cellpadding="5" cellspacing="0">
<tr>
<td width=750 height=150>ccc</td>
</tr>
<tr>
<td width=750>ccc</td>
</tr>
<tr>
<td width=750 height=150>ccc</td>
</tr>
</table>

Synes godt om

encorez Nybegynder

28. november 2004 - 14:40 #3

Du kan se siden her
http://www.nikolajs-el.dk/

Synes godt om

mjl Nybegynder

28. november 2004 - 14:41 #4

Ja - lad være med at sætte height på den midterste, så bliver det ok!

Synes godt om

encorez Nybegynder

28. november 2004 - 14:44 #5

Hvis jeg ikke sætter height på den miderste gør den øverste sig bare større end tiltænkt. Se nu

Synes godt om

encorez Nybegynder

28. november 2004 - 14:45 #6

jeg er i tvivl om jeg gør det rigtigt på body. Der sætter jeg også height til 100% for at få fyldt hele siden ud

Synes godt om

mjl Nybegynder

28. november 2004 - 14:46 #7

Drop den body-fætter...

Hvid du, som i mit eks. kun sætter height på top og bund, så er det kun midten der udvidder sig....

Hvis din top er sat til height=95 så bliver den ved at være 95 - og lader du en celle stå UDEN height angivet, så kan den jo være hvad den vil, i takt med at du fylder den!

Synes godt om

encorez Nybegynder

28. november 2004 - 14:48 #8

ja, men hele siden skal fyldes ud, så bunden står helt nede i bunden. Med mindre indholdet fylder mere end siden, så skal den selvfølgelig bare skubbes længere ned.

Synes godt om

mjl Nybegynder

28. november 2004 - 14:50 #9

Synes godt om

encorez Nybegynder

28. november 2004 - 14:50 #10

nu er body height fjernet, table height=100%, og ingen height på midten. Så bliver bunden ikke skubbet ned i bunden af billedet

Synes godt om

mjl Nybegynder

28. november 2004 - 14:51 #11

Du kan også med held, bygge en ny table ind i den første - sådan :

<table border=1 width=750 height=100% cellpadding="5" cellspacing="0">
<tr>
<td width=750 height=150>ccc</td>
</tr>
<tr>
<td width=750>

<table width=100%>
<tr>
<td width=20%>ccc</td>
<td width=80%>ccc</td>
</tr>
</table>

</td>
</tr>
<tr>
<td width=750 height=150>ccc</td>
</tr>
</table>

Synes godt om

mjl Nybegynder

28. november 2004 - 14:53 #12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

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

<table border=1 width=100% height=100% cellpadding="5" cellspacing="0">
<tr>
<td width=750 height=150>ccc</td>
</tr>
<tr>
<td width=750>

<table width=100%>
<tr>
<td width=20%>ccc</td>
<td width=80%>ccc</td>
</tr>
</table>

</td>
</tr>
<tr>
<td width=750 height=150>ccc</td>
</tr>
</table>

</body>
</html>

Synes godt om

encorez Nybegynder

28. november 2004 - 14:56 #13

Det ser ud til at virke med dit eksempel. Så skal jeg bare have overført det til mit og se hvor det går galt. Takker

Synes godt om

mjl Nybegynder

28. november 2004 - 14:58 #14

Selv tak...

Synes godt om

mjl Nybegynder

28. november 2004 - 15:00 #15

Husk at sætte dine billeder i toppen, hvis det er nødvendigt - altså med valign=top

Synes godt om

mjl Nybegynder

28. november 2004 - 15:03 #16

...og husk, border=0 i mit eks. :o)

Synes godt om

mjl Nybegynder

28. november 2004 - 15:31 #17

Se lige dette - hvis du skal ha billedet med ude i siden :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

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

<table border=0 width=100% height=100% cellpadding="5" cellspacing="0">
<tr>
<td width=750 height=150>ccc</td>
</tr>
<tr>
<td width=750>

<table width=100%>
<tr>
<td width=220 valign=top>ccc</td>
<td>ccc</td>
<td width=2>ccc</td>
</tr>
</table>

</td>
</tr>
<tr>
<td width=750 height=150>ccc</td>
</tr>
</table>

</body>
</html>

Synes godt om

mjl Nybegynder

28. november 2004 - 15:41 #18

Og her - med dine billeder m.v. - denne er din løsning :o)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

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

<table border=0 width=100% height=100% cellpadding="0" cellspacing="0">
<tr>
<td width=100% height=95 background="gfx/bg_blue.gif"><img src="gfx/topmenu.gif" width="950" height="95"></td>
</tr>
<tr>
<td width=100%>

<table width=100% height=100% cellpadding="0" cellspacing="0">
<tr>
<td width=220 valign=top background="gfx/bg_left.jpg"><img src="gfx/leftlogo.gif" width="220" height="122"></td>
<td>ccc</td>
<td width=2>ccc</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="12" background="gfx/bg_blue.gif"><img src="gfx/bottom.gif" width="926" height="12"></td>
</tr>
</table>

</body>
</html>

Synes godt om

mjl Nybegynder

28. november 2004 - 17:42 #19

Prøv lige den her oven over - den virker...

Synes godt om

mjl Nybegynder

28. november 2004 - 17:42 #20

Og husk at lukke, hvis du har fået dit svar :o)

Synes godt om

mjl Nybegynder

28. november 2004 - 17:44 #21

Denne linie :

<td width=2>ccc</td>

Kan du lave til :

<td width=1> </td>

Synes godt om

syvon Nybegynder

28. november 2004 - 18:35 #22

og husk lige height="" er ikke godt i td

Synes godt om

syvon Nybegynder

28. november 2004 - 18:38 #23

Heller ikke i Table Brug i stedet style="height:100%;"

Synes godt om

mjl Nybegynder

28. november 2004 - 19:06 #24

Det kan man rette bagefter - manden skulle bare lige ha' tingene på plads... :o)

Synes godt om

syvon Nybegynder

28. november 2004 - 19:30 #25

skrev det bare for di at man på han's side kan se at der stadig står height=""

Synes godt om

olebole Juniormester

29. november 2004 - 22:54 #26

<ole>

mjl >> med den DTD, overholder IE ikke W3C's standarder. Du er nødt til at bruge:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Så er spørgsmålet til gengæld, om din kode virker :)

/mvh
</bole>

Synes godt om

mjl Nybegynder

30. november 2004 - 17:40 #27

ole >> Det jo det - men sp. bliver nok ikke lukket, eller kommenteret, af encorez - så vi må da håbe, at det har skubbet ham i den rigtige retning!

Synes godt om

encorez Nybegynder

10. december 2004 - 21:39 #28

sorry, troede jeg havde havde fået det lukket. Tak for hjælpen igen, og tak for inputs fra andre

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS