Notifikationer

Markér alle som læst Log ud

hkb-x Nybegynder

20. juni 2006 - 11:25 Der er 17 kommentarer og
1 løsning

ie og tabeller

Jeg har denne table:

<table style="height: 100%;">
<tr>
<td style="height: 40px;"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td style="height: 10px;"></td>
</tr>

I alle browsere, undtagen IE, bliver det vist korrekt... men ie udvider den øverste og nederste <td> så de fylder lidt mere... dette sker dog kun hvis den miderste <td> er tom... er den højere end siden -50px (summen af de 40px og 10px) så viser den tabellen fint...

Men hvordan kan jeg få IE til at skrive tabbellen rigtigt?

ps. dette gølder for både IE 6 og IE 7

Synes godt om

jps6kb Novice

20. juni 2006 - 11:28 #1

<table style="height: 100%; border-collapse: collapse;" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 40px;"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td style="height: 10px;"></td>
</tr>
</table>

Prøv sådan her.. jeg går ud fra du havde </table> med i din html fil og bare havde glemt den her.

Desuden, er der noget med at td'er ikke må være tomme. Indsæt evt. en   ;)

Synes godt om

hkb-x Nybegynder

20. juni 2006 - 11:49 #2

sorø... have jeg glemt, havde også glemt at jeg bruger cellspacing="5"...

men det hjælper ikke...

Synes godt om

hkb-x Nybegynder

20. juni 2006 - 12:07 #3

og den miderste <td> indeholder lidt text... bare ikke nok til at overskride sidens højde..

Synes godt om

hkb-x Nybegynder

20. juni 2006 - 12:11 #4

jeg ligger +30 points til den der kan løse det...

Synes godt om

jps6kb Novice

20. juni 2006 - 12:27 #5

Kan du ikke prøve at smide koden ind, som den står ved dig. :) Så er det lidt nemmere at se hvad du mener.

Synes godt om

hkb-x Nybegynder

20. juni 2006 - 13:02 #6

det er jo flere sider... :S

Synes godt om

hkb-x Nybegynder

20. juni 2006 - 13:09 #7

bum bum... har undersøgt min kode og det lader til at det er i mit stylesheet, height: 100%, der er problemet... når jeg fjerner det er siden i orden... bortset fra at den ikke et 100% høj som den skulle.. :S

Synes godt om

mclemens Nybegynder

20. juni 2006 - 13:18 #8

Generalt problem ... bruger dog ikke selv tables
- men se engang hvad IE gør uden doctype (i quirks)

<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

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

</head><body>
<table style="height: 100%; border-collapse: collapse;" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 40px;background:red;">a</td>
</tr>
<tr>
<td>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></td>
</tr>
<tr>
<td style="height: 10px;background:green;">a</td>
</tr>
</table>
</body></html>

Synes godt om

mclemens Nybegynder

20. juni 2006 - 13:19 #9

Se evt. denne: http://www.eksperten.dk/spm/712486#rid6300689

Synes godt om

hkb-x Nybegynder

21. juni 2006 - 15:55 #10

bum bum... løser ikke rigtigt mit problem :(

Synes godt om

hkb-x Nybegynder

21. juni 2006 - 17:43 #11

det ser ud til at problemet ligger i min

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

når jeg fjerner den opfører tabellen sig ok (men alt andet fucker)...

hvordan kan det være?

Synes godt om

mclemens Nybegynder

21. juni 2006 - 17:53 #12

Nej, problemet ligger ikke der, problemet ligger i IE håndtering af 100% height tables ... dog overholder IE ikke css ordentligt i quirks mode, og øhm - lige på dette punkt forbedrer det tabel visningen - men det ødelægger meget, meget andet i css overholdelse...

Synes godt om

mclemens Nybegynder

21. juni 2006 - 17:58 #13

Har ikke rigtig slev kunne løse problemet... det nærmeste jeg er kommet er denne:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;
margin:0px;padding:0px;overflow:hidden;}
</style>
</head>
<body><div style="position:relative;top:0px;left:0px;background:#aaa;height:100%;width:100%;background:#fff;overflow-y:auto;overflow-x:hidden;">

<div style="position:absolute;top:0px;left:0px;background:#aaa;height:40px;width:100%;">Test</div>

<div style="position:absolute;top:0px;height:100%;"><div style="position:relative;margin-top:40px;">Start<br>Test<br><br>Test<br>Test<br><br>Test<br>Test<br>Test<br><br>Slut<div style="height:10px;"> </div>

<div style="position:absolute;bottom:40px;left:0px;background:#aaa;height:10px;width:100%;overflow:hidden;"></div>

</div></div>

</div></body></html>

- eller en javascript height alignment...
- (der er sikkert også nogle css hacks der kan ordne det?)

Synes godt om

mclemens Nybegynder

04. juli 2006 - 00:29 #14

Hjalp det ?

Synes godt om

hkb-x Nybegynder

01. august 2006 - 15:43 #15

nope

Synes godt om

mclemens Nybegynder

01. august 2006 - 17:52 #16

Ok, har ikke bedre bud da jeg mener at det er generalt...
- Tråden er blevet lidt gammelt efterhånden ... så måske er
det muligt at du vil kunne få bid i anden omgang (læg selv et
svar og accepter det - så kan du oprette det igen hvis du stadig
mangler en sådan løsning ... )

Synes godt om

hkb-x Nybegynder

15. august 2006 - 17:31 #17

nope

Synes godt om

mclemens Nybegynder

19. september 2006 - 22:24 #18

Tak for point :)

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