CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

deamondk Nybegynder

21. marts 2008 - 22:00 Der er 13 kommentarer og
1 løsning

Tabel / celle med fuld højde

Hej alle.

Jeg er ved at lave min personlige hjemmeside, og har til det formål lavet en menu som jeg rigtig godt kan lide.

Problemet er bare at Internet Explorer 6 & 7 ikke kan finde ud af at lave menuen i fuld højde som eks. Firefox gør.

Siden kan ses på: http://www.deamon.dk/

Jeg ville blive super glad hvis nogen kunne finde en løsning på problemet.

Det skal lige siges at hjemmesiden skal overholde XHTML 1.0 strict samt CSS 2.1.

Synes godt om

deamondk Nybegynder

21. marts 2008 - 22:17 #1

Ville lige tilføje at mit problem til forveksling ligner: http://www.eksperten.dk/spm/823191 som desværre blev lukket pga. arrogance. (ikke min tråd)
Hvis jeg kan gøre noget som helst for at i kan hjælpe mig til en løsning skriver i naturligvis bare, jeg vil bare super gerne finde en løsning.

På forhånd mange tak!

Synes godt om

thesurfer Nybegynder

22. marts 2008 - 00:40 #2

Bare til info:

Det nytter ikke noget at sige at siden skal fortolkes som "XHTML 1.0 strict", når siden faktisk ikke er det.. Din side vil alligevel blive fortolket som HTML 4.01 (transitional, mener jeg), og ikke XHTML 1.0 strict.

P.t. er der ikke rigtigt nogen browser der understøtter XHTML ordentligt, så det er ulogisk at bruge XHTML DTD'en..

MIME type from server ( http://www.deamon.dk/ ): text/html

Synes godt om

thesurfer Nybegynder

22. marts 2008 - 00:41 #3

PS: Det tætteste du kan komme, er nok HTML 4.01 Strict.. brug den i stedet..

Synes godt om

deamondk Nybegynder

22. marts 2008 - 09:28 #4

Siden overholder skam XHTML 1.0 strict (doctypen er blot transitional).

Se på http://validator.w3.org/check?uri=http%3A%2F%2Fwww.deamon.dk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Siden bliver skam tolket som XHTML, og firefox ser da ud til at tolke den perfekt.

Synes godt om

notes2c Nybegynder

22. marts 2008 - 11:25 #5

Som erikjacobsen skrev i det andet spm "100% højde beregnes ud fra det omkransende element. Dvs. noget inde i en <td> tager højde efter denne <td>.".

Så er det der hunden ligge begravet. Og faktisk tror jeg på IE gør det rigtige her, for main har ikke nogen højde.

Det rykker også lidt på dit layout (har brugt 60% højde på main for at få det til at ligne), men det skulle jo nok være til at få på plads.

Mht XHTML, så er det sådan at selvom du skriver din side i XHTML, ja så vil browseren alligevel første konvertere det til HTML inden det vises. En unødig konvertering efter min mening. Du skal bare vide at denne konvertering nok ikke gøres ens browsere imellem. Og det kan give layout forskelle

Og du vinder intet ved at skrive det XHTML, faktisk vil jeg foreslå det samme som thesurfer, brug HTML 4.01 Strict i stedet for...

Dette vil give dig det du gerne vil have, så må du selv lige rette det sidste til.

<!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>
<title>DEAMON.DK</title>
<base href="http://www.deamon.dk/" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-store" />
<link href="/style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table class="center">
<tr>
<td class="center" align="center" valign="middle">
<table class="main" cellspacing="0" cellpadding="0" style="height: 60%">
<tr>
<td class="top"> </td>
</tr>
<tr>
<td style="height: 100%">
<table class="fullheight" cellpadding="0" cellspacing="0">
<tr>
<td class="menu">
<table class="menu" cellspacing="0" cellpadding="0">
<tr>
<td class="menu_top_right"></td>
</tr>
<tr>
<td class="menu_fill_right" valign="top">
<div class="menu-group">
<div class="menu-group-header">Menu</div>
<div class="menu-group-block">
<a class="menu-group-link" href="/index.php">Forside</a>
</div>
</div>
<div class="menu-group">
<div class="menu-group-header">Links</div>
<div class="menu-group-block">
<a class="menu-group-link" href="http://www.bsd-dk.dk/">BSD-DK</a>
<a class="menu-group-link" href="http://www.defcon1.org/">Defcon1</a>
<a class="menu-group-link" href="http://www.freebsddiary.org/">FreeBSD Diary</a>
<a class="menu-group-link" href="http://www.google.com/bsd">Google BSD</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="menu_bottom_right"></td>
</tr>
</table>
</td>
<td class="content" valign="top">Velkommen.<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Test</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Synes godt om

notes2c Nybegynder

22. marts 2008 - 11:35 #6

Kom lige til at blande browseren ind i XHTML konverteringen, jeg mener selvfølgelig din webserver, som producere slut resultatet (text/html), Sorry...

Synes godt om

deamondk Nybegynder

22. marts 2008 - 13:06 #7

Det troede jeg faktisk ikke at den gjorde. Så er XHTML jo...ubrugeligt?

Men jeg prøver at konvertere det tilbage til HTML 4.1 - tjekker lige om det virker, og gør det som det skal smider jeg pointene til dig :-)

På forhånd tak!

Synes godt om

deamondk Nybegynder

22. marts 2008 - 13:33 #8

Godt klaret notes2c - det virkede.

Du skal have MANGE tak for hjælpen.

God påske allesammen!

Synes godt om

deamondk Nybegynder

22. marts 2008 - 13:34 #9

Point

Synes godt om

deamondk Nybegynder

22. marts 2008 - 14:36 #10

Nå, det viser sig desværre at det alligevel ikke løste problemet helt.

Nu er siden større end browservinduet i højden i IE, men den ser fin ud i alle andre browsere.

Nogen idéer?

Siden er opdateret.

Synes godt om

olebole Juniormester

22. marts 2008 - 15:17 #11

<ole>

deamondk >> En kode, skrevet i XHTML 1.0 Transitional, _kan_ ikke tolkes som XHTML. Den vil altid - og vel at mærke i alle bedste fald - blive tolket som HTML 4.01 Transitional ... altså ikke engang så stringent som HTML 4.01 Strict! ;o)

"Så er XHTML jo...ubrugeligt?" >> Som nettet ser ud i dag: Ja, stort set :)

/mvh
</bole>

Synes godt om

olebole Juniormester

22. marts 2008 - 17:03 #12

http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538

Synes godt om

deamondk Nybegynder

24. marts 2008 - 10:51 #13

Hej Ole,

Takker for artiklerne.

Nu forstår jeg (de få) fordele der er ved XHTML.

Nu håber jeg bare at få højde problemet løst.

Synes godt om

deamondk Nybegynder

24. marts 2008 - 17:22 #14

Hej alle..

Jeg har oprettet en ny tråd på http://www.eksperten.dk/spm/824920 med højdeproblemet hvor der gives 110 point til den der har løsningen.

God påske.

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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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