Avatar billede Slettet bruger
24. oktober 2004 - 15:30 Der er 19 kommentarer og
1 løsning

Problemer med height

Jeg har haft dette problem før - uden løsning, men jeg prøver igen :P

Min hjemmeside kan findes på http://abalmer.frac.dk/temp.htm
og linket til min kode kan findes her -> http://pastebin.com/113217

Tag jer ikke af <?php og ?> i den sidstnævnte kode, det er noget der automatisk bliver indsat af pastebin

Som det måske kan ses på min hjemmeside, er problemet at ingen af mine højder bliver vist korrekt. Det er som om at de bliver ignoreret!

Hvis jeg fjerner
--->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<---
fra toppen af dokumentet, bliver højderne udført korrekt, men så virker mit body {} ikke i css.
Avatar billede Slettet bruger
24. oktober 2004 - 15:30 #1
For en god ordens skyld ser css sådan ud:

html , body {
    height : 100%;
    margin : 0px;
    padding : 0px;
    text-align : center;
    font-family: verdana;
}
.menu {
    font-family: verdana;
    font-size: 11px;
    letter-spacing: 1px;
    color: black;
}
Avatar billede olebole Juniormester
24. oktober 2004 - 19:20 #2
<ole>

Dit stylesheet findes ikke på serveren - dit link nr.2 viser ingen kode

/mvh
</bole>
Avatar billede Slettet bruger
24. oktober 2004 - 19:24 #3
findes stylesheet ikke på serveren?.. ej det gør det altså :P
Avatar billede Slettet bruger
24. oktober 2004 - 19:26 #4
Her er scriptet

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <link rel="stylesheet" href="style.css" type="text/css">
        <title>--title--</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="80%" height="100%" border="1" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" bordercolor="#999999">
  <tr bgcolor="#999999">
    <td height="100" colspan="2" align="center" style="font-size: 20px; font-weight: bold;">--top--</td>
  </tr>
  <tr>
    <td width="130" align="left" valign="top"><table width="130" height="100%" border="0" cellpadding="5" cellspacing="0">
        <tr>
          <td align="left" valign="top" style="font-size: 12px;">--menu-- </td>
        </tr>
      </table></td>
    <td width="100%" align="left" valign="top">
      <table width="100%" height="100%" cellpadding="5" cellspacing="0">
        <tr>
          <td align="left" valign="top" style="font-size: 12px;">--content-- </td>
        </tr>
      </table></td>
  </tr>
  <tr bordercolor="#FFFFCC">
    <td height="30" colspan="2" style="font-size: 10px;" align="center"> --bund--<a href="#"></a></td>
  </tr>
</table>
</body>
</html>
Avatar billede Slettet bruger
24. oktober 2004 - 19:49 #5
andre der har en idé...
Avatar billede Slettet bruger
24. oktober 2004 - 19:54 #6
plz...

jeg vil helst ikke lave det med <div id="noget">..
Avatar billede basementjack Nybegynder
24. oktober 2004 - 19:55 #7
olebole - Jeg kan godt se http://abalmer.frac.dk/style.css da.. ?
Avatar billede basementjack Nybegynder
24. oktober 2004 - 20:00 #8
wicez - Har du prøvet at sætte en anden doctype ind?.. Mozilla læser den i hvertfald korrekt i modsætning til IE..
Avatar billede Slettet bruger
24. oktober 2004 - 20:51 #9
jeg kan ikke så godt forstå det med doctype.. eller hvor man kan finde det
Avatar billede basementjack Nybegynder
24. oktober 2004 - 20:52 #10
Avatar billede Slettet bruger
24. oktober 2004 - 20:53 #11
Hvad vil du tro passer til mit?
Avatar billede basementjack Nybegynder
24. oktober 2004 - 20:55 #12
Prøv dig frem.. Det gør jeg.. :) Fx:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Avatar billede Slettet bruger
24. oktober 2004 - 21:00 #13
Har prøvet alle nu :(

enten virker font-size i html, body... eller også virker height som den skal! begge dele går åbenbart ikke!
Avatar billede Slettet bruger
24. oktober 2004 - 21:02 #14
well... jeg smutter for i aften, håber det kommer til at virke!
Avatar billede roenving Novice
25. oktober 2004 - 03:17 #15
Hvis du sætter en rigtig doctype (inklusive dtd-link !-) vil en en height-property være ugyldig på f.eks. et table-tag ...

Men det er ikke så stort et problem, for du må godt sætte det som style-property: style="height:100%" ...

-- men egentlig virker det umiddelbart, som du har brug for noget andet, kig f.eks. på: http://www.eksperten.dk/spm/520876 eller http://www.eksperten.dk/spm/497362
Avatar billede Slettet bruger
25. oktober 2004 - 21:09 #16
Min style="height:100%;" virker heller ikke.. den virker præcist ligeså godt som height="100%", altså højderne ser meget underlige ud!
Avatar billede Slettet bruger
25. oktober 2004 - 21:28 #17
Jeg ved ikke hvad der er sket... men jeg ændrede det hele til id="noget" og nu virker det :P

mange tak roenving.. smid svar tak!

jeg smider lige koden for en god ordens skyld:

<--- html fil --->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <link rel="stylesheet" href="style.css" type="text/css">
        <title>--title--</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="main" >
  <tr>
    <td colspan="2" id="topcell"><table id="banner"><tr><td>--top--</td></tr></table></td>
  </tr>
  <tr>
    <td id="midtmainmenu"><table id="menu">
        <tr>
          <td id="menucell">--menu-- </td>
        </tr>
      </table></td>
    <td id="midtmaincontent">
      <table id="content">
        <tr>
          <td id="contentcell">--content-- </td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td id="bundcell" colspan="2"> --bund--<a href="#"></a></td>
  </tr>
</table>
</body>
</html>

<--- html fil slut --->

<--- css fil --->

html , body {
    height : 100%;
    margin: 0px;
    padding : 0px;
    text-align : center;
    font-family: verdana;
    font-size: 50px;
}
#main {
    width: 80%;
    height: 100%;
    border: 1px;
    border-color: #999999;
    border-style: solid;
    text-align: center;
    background-color: #FFFFFF;
    padding: 0px;
    border-collapse: collapse;
}
#topcell {
    text-align: center;
    height: 100px;
    padding: 0px;
    border-collapse: collapse;
    background-color: #999999;
}
#banner {
    height: 100px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    font-size: 20px;
    padding: 5px;
    border-collapse: collapse;
}
#midtmainmenu {
    width: 130px;
    height: 100%;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    border-collapse: collapse;
}
#menu {
    width: 130px;
    height: 100%;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
}
#menucell {
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    padding: 5px;
    border-collapse: collapse;
}
#midtmaincontent {
    border: 0px;
    border-left: 1px;
    border-style: solid;
    border-color: #999999;
    width: 100%;
    height: 100%;
    text-align: left;
    vertical-align: top;
    padding: 0px;
    border-collapse: collapse;
}
#content {
    width: 100%;
    height: 100%;
    padding: 0px;
    border-collapse: collapse;
}
#contentcell {
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    padding: 5px;
    border-collapse: collapse;
}
#bundcell {
    background-color: #999999;
    height: 30px;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

<--- css fil slut --->


Håber ikke at andre får sammen problem :P
Avatar billede roenving Novice
25. oktober 2004 - 21:47 #18
Jamen så velbekomme '-)
Avatar billede Slettet bruger
25. oktober 2004 - 21:49 #19
hvis i vil se det i funktion (kun designet kan ses) så se på http://abalmer.frac.dk

jeg vil dog gerne udpege at jeg ikke kan få tabellen til at fylde 100%, den fylder ca. 100% + 100px(banneret) + 30px(bunden)...
Avatar billede roenving Novice
25. oktober 2004 - 22:39 #20
Tak for point ;~}
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