Avatar billede janemil Nybegynder
05. juli 2003 - 00:34 Der er 13 kommentarer og
1 løsning

HTML bug

http://www.fotoportal.dk
Hvorfor ødelægger min <td width="100%"> mit design når vinduet gøres mindre. Det er ligesom de 100% omsættes til en bestemt bredde.

Fjernes de 100% kan designet fint skalere sig, men det går i koks hvis td tagget ikke indeholder noget tekst, så klapper den sammen.
Avatar billede hoejrup Nybegynder
05. juli 2003 - 00:41 #1
Ja, så du bliver nød til at sætte bredden i pixels.

/per
Avatar billede ztyxx Nybegynder
05. juli 2003 - 00:41 #2
det er pga dit topbanners størrelse, så følger td´en bredden der
Avatar billede roenving Novice
05. juli 2003 - 00:41 #3
Er det den td, som indeholder den indre tabel, for der var jo ik' li'e noget som klappede sammen lige nu ?-)

Men ellers er det en almindelig kendt sandhed, at en celle uden indhold slet ikke vises medmidre den er nødvendig for tabellens opretholdelse, prøv bare at lave en tabel med een række og to celler -- noget i den ene og intet i den anden ...
Avatar billede roenving Novice
05. juli 2003 - 00:43 #4
Husk at lave en baggrund i alle elementer, som er forskellig ...
Avatar billede janemil Nybegynder
05. juli 2003 - 00:43 #5
>topbanners størrelse
Nej den er ikke så bred.

>klappede sammen lige nu
http://www.fotoportal.dk/links/
Det gør det nu - havde sat de 100% på.
Avatar billede janemil Nybegynder
05. juli 2003 - 00:44 #6
>Husk at lave en baggrund i alle elementer, som er forskellig
Hvad mener du med det?
Avatar billede janemil Nybegynder
05. juli 2003 - 00:47 #7
Vil jo bare gerne at den midterste td fylder 100% eller rettere ALT det som er tilbage.
Avatar billede ztyxx Nybegynder
05. juli 2003 - 01:06 #8
jamen så laver du bare en fast bredde på dem på hver sin side istedet for den i midten
Avatar billede janemil Nybegynder
05. juli 2003 - 01:07 #9
Det er det som jeg har gjort, men når jeg sætter den i midten til 100% går der noget galt.
Hvis jeg ikke sætter den til 100% klapper den sammen.
Avatar billede ztyxx Nybegynder
05. juli 2003 - 01:10 #10
denne vil altid have faste bredder i de yderste, men den i nidten vil udfylde resten

<table width="100%" height="100%" border=1>
<tr>
    <td width="100">hej</td>
    <td>&nbsp;</td>
    <td width="100">daws</td>
</tr>
Avatar billede janemil Nybegynder
05. juli 2003 - 01:11 #11
Ja bare ikke i min kode.
Avatar billede htmlaga Nybegynder
05. juli 2003 - 04:29 #12
Jeg tror din kodes 'mærkelige' opførsel skyldes, at du havde et forskelligt antal kolonner i dine to overordnede rækker, hvilket ikke er tilladt. Hvis man derimod deler det i to tabler, ja så er det tilladt. Får så, at få det til, at fylde 100% i højden er man nød til at sætte de to tabler ind i en nu overordnet tabel med 100% height. Ved dog ikke 100% om det er der problemet ligger, men følgende kode skalerer i hvert fald (indtil dit logo kommer i vejen):


<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
    <head>
        <title>Danmarks fotoportal nummer 1</title>
        <meta name="CODE_LANGUAGE" content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        <meta name="DESCRIPTION" content="Danmarks fotoportal nummer 1 med fotolinks, kameraanmelder, fotoboganmelder, modeller, fotoforum og meget andet.">
        <meta content="foto, fotograf, fotolinks, anmelder, photo, fotoklubber" name="keywords">
        <meta http-equiv="imagetoolbar" content="no">
        <link href="css/style.css" type="text/css" rel="stylesheet">
    </head>
    <body marginwidth="0" marginheight="0">
        <form name="Form" method="post" action="Default.aspx" id="Form">
<input type="hidden" name="__VIEWSTATE" value="dDwyOTA1MjI0NDI7Oz4uDxGX2UTzucJeMPCdxQp7avGw1Q==" />

<table height="100%" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">

<table id="Tablemain" cellspacing="0" cellpadding="0" width="100%" border="0" height="100">
    <tr valign="top">
        <td colspan="5" background="/images/top_back.jpg" height="100"><nobr><a href="http://www.fotoportal.dk"><img src="/images/top_left.jpg" border="0" height="100" width="214" alt=""></a><img src="/images/dot.gif" border="0" width="20" height="1"><a href="http://www.fotoportal.dk"><img src="/images/top_center.jpg" border="0" height="100" width="444" alt=""></a></nobr></td>
    </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr valign="top">
        <td width="150">
            <table id="Tabletext" cellspacing="8" cellpadding="0" border="0">
                <tr>
                    <td>
                        <a href="http://www.fotoportal.dk">Forsiden</a>
                        <br>
                        <br>
                        <a href="http://www.fotoportal.dk/links">Links</a>
                        <br>
                        <br>
                        <a href="http://www.fotoportal.dk/anmeldelser">Anmeldelser</a>
                        <br>
                        <br>
                        <a href="http://www.fotoportal.dk/forum">Forum</a>
                        <br>
                        <br>
                        <a href="http://www.fotoportal.dk/fotoklubber">Fotoklubber</a>
                        <br>
                        <br>
                        <img src="/images/dot.gif" border="0" width="150" height="1">
                        <br>
                    </td>
                </tr>
            </table>
        </td>
        <td width="1" background="/images/linie.gif"><img src="/images/dot.gif" border="0" width="1" height="1"></td>
        <td>&nbsp;</td>
        <td width="1" background="/images/linie.gif"><img src="/images/dot.gif" border="0" width="1" height="1"></td>
        <td width="100"><img src="/images/dot.gif" border="0" width="100" height="1"><br>
            <table id="Tabletext" cellspacing="8" cellpadding="0" border="0">
                <tr valign="top">
                    <td align="center"><a href="http://www.freelancefotograf.dk"><img src="/images/freelancefotograf.gif" alt="Freelancefotograf Jan Emil Christiansen" border="0"></a></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</td>
</tr>
</table>

        </form>
    </body>
</html>
Avatar billede janemil Nybegynder
05. juli 2003 - 10:16 #13
>htmlaga
lig lige svar. Det virker, men var der ikke 5 kolonner i alle rækker.
Avatar billede htmlaga Nybegynder
05. juli 2003 - 18:31 #14
Nej, der var kun en kolonne i den øverste række (den med logoet).
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