Avatar billede lsskaarup Nybegynder
05. december 2004 - 17:57 Der er 6 kommentarer og
1 løsning

Grafikfiler bliver ikke trukket

Jeg har problemer med 2 grafikfiler som ikke bliver trukket i højden selvom jeg har 100% der på, og det mærkelige er at de godt nok bliver trukket i bredde. Kan I finde fejlen i koden:

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd html 4.0//EN">
<html>
<head>
<title>TEST - Den første stilling hos Intersport Randers Sport A/S</title>
<link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--
blå: #0C1C8C
rød: #D81E05
mørk grå: #333333
lys grå: #999999
hvid: #DDDDDD
-->
<table cellspacing="0" cellpadding="0" id="yderramme">
    <tr valign="top">
        <td>
            <table cellspacing="0" cellpadding="0" id="topramme">
                <tr valign="top">
                    <!-- adresse -->
                    <td width="200"><!-- max 195px -->
                        <table>
                            <tr>
                                <td colspan="2"><img src="images/adresse-udskriv.gif"></td>
                            </tr>
                            <tr>
                                <td colspan="2">Intersport Randers Sport A/S</td>
                            </tr>
                            <tr>
                                <td colspan="2">Brødregade 21</td>
                            </tr>
                            <tr>
                                <td>8900</td><td width="80%">Randers</td>
                            </tr>
                        </table>
                    </td>
                    <!-- logo 1 max 195px -->
                    <td id="randerslogo" valign="middle" align="center" width="50%"><img src="images/randerssport-logo.gif"></td>
                    <!-- logo 2 max 195px -->
                    <td width="50%" valign="middle" align="center" id="intersportlogo"><img src="images/INTERSPORT-logo-print.gif"></td>
                </tr>
            </table>
            <table cellspacing="0" cellpadding="0">
                <tr valign="top">
                    <td valign="top" id="left" width="200">
                        <table>
                            <tr>
                                <td colspan="2"><img src="images/joboplysninger-udskriv.gif"></td>
                            </tr>
                            <tr>
                                <td colspan="2">Jobtype:</td>
                            </tr>
                            <tr>
                                <td></td><td>Fuldtid</td>
                            </tr>
                            <tr>
                                <td colspan="2">Publiceret:</td>
                            </tr>
                            <tr>
                                <td></td><td>2004-11-29</td>
                            </tr>
                            <tr>
                                <td colspan="2">Udløber:</td>
                            </tr>
                            <tr>
                                <td></td><td>2004-12-31</td>
                            </tr>
                        </table>
                    </td>
                    <td rowspan="2" id="right" width="395px" height="100%">
                        <table width="100%" height="100%" cellpadding="0" cellspacing="0">
                            <tr>
                                <td colspan="3" height="12px"><img src="images/lys-graa.gif" width="100%" height="100%"></td>
                            </tr>
                            <tr>
                                <td width="12px" valign="top"><img src="images/lys-graa.gif" width="12px" height="100%"></td>
                                <td valign="top" height="100%">
                                    <table cellpadding="0" cellspacing="0" width="100%" height="100%">
                                        <tr>
                                            <td height="20px" align="center">TEST - Den første stilling</td>
                                        </tr>
                                        <tr valign="top">
                                            <td height="100%">Dette er en test, og du bedes derfor ikke reagerer på denne.</td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="12px" valign="top"><img src="images/lys-graa.gif" width="12px" height="100%"></td>
                            </tr>
                            <tr>
                                <td colspan="3" height="12px"><img src="images/lys-graa.gif" width="100%" height="12px"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr valign="top">
                    <td valign="top" id="left" width="200px">
                        <table>
                            <tr>
                                <td><img src="images/kontaktperson-udskriv.gif"></td>
                            </tr>
                            <tr>
                                <td>Peter Winter</td>
                            </tr>
                            <tr>
                                <td>98756128</td>
                            </tr>
                                                            <tr>
                                    <td>
                                        <a href="mailfejl.php" title="Send os en mail" onmouseover="this.href='mai' + 'lto:' + 'pw' + '&#64;' + 'randerssport.dk'" onfocus="this.href='mai' + 'lto:' + 'pw' + '&#64;' + 'randerssport.dk'">E-mail</a>                                    </td>
                                </tr>
                                                        <tr>
                                <td height="339px">&nbsp;</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

Det drejer sig om linie 76 og 86.
Avatar billede olebole Juniormester
06. december 2004 - 00:01 #1
<ole>

Sætter man en relativ (i procent) højde på et element, skal denne beregnes udfra det omkransende elements højde. Det omkransende elements højde skal altså være explicit sat. Det gælder også for body-elementet og documentElement-elementet (html-elementet).
Dernæst skal du bruge en DTD, hvor også IE understøtter CSS-standarden. Prøv denne:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

/mvh
</bole>
Avatar billede lsskaarup Nybegynder
06. december 2004 - 17:13 #2
Det der DTD, kender jeg ikke noget til, er det nogle standarder til opsætningen af sider eller hvad.

Når nu det omkredsene element, skal have en fast højde, hvordan kan jeg på nogen måde finde den, når indholdet i den midterste celle, kan variere meget, alt efter hvor meget brugeren har skrevet?
Avatar billede olebole Juniormester
06. december 2004 - 21:21 #3
DTD (Doc-Type Definition) er en helt nødvendig forudsætning for at skrive (X)HTML. Den kan du ikke undvære, hvis koden skal vises bare nogenlunde ens i forskellige browsere ... det er den, der fortæller browseren, hvordan koden skal fortolkes.

Hvis du ikke explicit kan sætte en højde på et element, kan du ikke have et element indeni med en højde sat i procent. Du må i stedet planlægge koden på en måde, der kan lade sig gøre  :)
Avatar billede lsskaarup Nybegynder
06. december 2004 - 21:52 #4
Okay, nu er den ikke optimeret til andet end EI, det ønsker aftageren ikke, men det er da ret nok, at vide noget om, altså DTD. Måske skulle jeg finde noget mere om det.

Til selve spørgsmålet, så må jeg jo nok i tænkeboks, for at finde en løsning.

Tak for hjælpen, og ligger du et svar?
Avatar billede olebole Juniormester
06. december 2004 - 22:19 #5
Jamen, det er skam også en nødvendighed i IE. Ellers overholder den ingen standarder og visningen bliver mere eller mindre tilfældig  ;o)
Avatar billede lsskaarup Nybegynder
06. december 2004 - 22:26 #6
Okay, nu har jeg ikke kigget så meget på det endnu, mærkeligt nok ;-) men mund ikke man overholder de fleste ting, hvis man ellers følger W3's forskrifter
Avatar billede olebole Juniormester
06. december 2004 - 22:34 #7
Desværre ... IE aner ikke, hvad W3C er for noget, hvis du ikke skriver en (korrekt) DTD. Du kan læse en lille smule mere om DTD'er her:
  http://www.w3.org/TR/html401/sgml/dtd.html

... og hvad angår IE6:
  http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

... specielt under The !DOCTYPE "Switch"
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