Notifikationer

Markér alle som læst Log ud

encorez Nybegynder

14. januar 2009 - 21:07 Der er 5 kommentarer og
1 løsning

Højde på en table in Chrome

Hej

I denne kode er der en tabel inde i en celle i den anden tabel. Den inderste tabel skal gerne være 100% i højden, og det virker i explorer, men Chrome vil ikke tillade det. Det er som om den er ligeglad med height="100%" og style="height:100%".

<table border="1" cellpadding="0" cellspacing="0"><tr><td><img src="gfx/trans.gif" width="1" height="300" /></td><td style="height:100%">
<table border="1" cellpadding="0" cellspacing="0" style="height:100%"><tr><td><img src="gfx/reddot.gif" width="1" height="50" /></td></tr></table>
</td></tr></table>

Nogen gode forslag til at lave den inderste tabel 100% i højden?

Synes godt om

olebole Juniormester

14. januar 2009 - 21:53 #1

<ole>

Hvordan ser resten af din kode ud? Noget af det aller vigtigste er således, hvad der står før <html> =)

Det giver under ingen omstændigheder mening at give din td højden 100%. 100% af hvad?

/mvh
</bole>

Synes godt om

encorez Nybegynder

14. januar 2009 - 22:18 #2

Enig, jeg har blot prøvet at sætte height til 100% adskillige steder i håb om at Chrome ville acceptere det et eller andet sted.

Jeg har lavet en fil blot med ovenstående kode. Foran har jeg

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
</head>
<body>

Synes godt om

encorez Nybegynder

14. januar 2009 - 22:28 #3

Har lige bemærket at hvis jeg fjerner style="height:100%" på den TD så bliver den TABLE faktisk kun de 50 pixels høj selv i Explorer, hvor den jo gerne skulle blive de 300 høj.

Synes godt om

olebole Juniormester

14. januar 2009 - 23:02 #4

Du skal bruge en DTD. Ellers disabler du de vigtigste dele af CSS i IE - f.eks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
... osv ...

Så vil jeg anbefale dig at bruge:

<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>

- og giv så din yderste tabel style="height:100%"

Synes godt om

encorez Nybegynder

14. januar 2009 - 23:11 #5

Super, har lige prøvet det på min lille test. Det har fået det til at virke i Chrome nu, men samtidig virker det ikke i Explorer. Men det må jeg lige afprøve nærmere. Læg et svar på din hjælp.

Et tillægsspørgsmål hvis du lige har det ved hånden. Jeg bruger meget tabeller og jeg ved godt det not the way to do it. Jeg vil gerne lære at bruge DIV eller hvordan det gøres til at styre sine elementer på siden. Jeg har googlet det og fundet nogle få guides men det er sgu ikke helt været det jeg var ude efter.
Kender du nogle sider der kort og konkret lige går igennem de principielle ting i det så jeg ser ideen i det?

Synes godt om

olebole Juniormester

14. januar 2009 - 23:28 #6

Jeg bruger ikke selv den slags sider. Jeg bruger selv W3C =)

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