Avatar billede wolstrup Nybegynder
20. juni 2006 - 16:44 Der er 7 kommentarer

100% højde på siden

Hvordan får jeg 100% højde på siden så det virker i både IE og firefox, samtidig med at det kun er felterne med 1 og 2 samt a, b og c der udvider sin højde??? På forhånd tak.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    margin-top: 0px;
}
-->
</style></head>

<body>
  <div align="center">
    <table width="918" height="100%" border="1">
      <tr>
        <td width="18" height="100%" rowspan="5">1</td>
        <td width="882" height="236" colspan="3"></td>
        <td width="18" height="100%" rowspan="5">2</td>
      </tr>
      <tr>
        <td width="882" height="40" colspan="3"></td>
      </tr>
      <tr>
        <td width="185" height="100%">a<td>
        <td width="1" height="100%">b</td>
        <td width="696" height="100%">c</td>
      </tr>
      <tr>
        <td width="882" height="25" colspan="3"></td>
      </tr>
      <tr>
        <td width="882" height="40" colspan="3"></td>
      </tr>
      </table>
  </div>
</body>
</html>
Avatar billede thesurfer Nybegynder
20. juni 2006 - 16:57 #1
<style type="text/css">
<!--
html,body
{
height:100%;
margin:0px;
padding:0px
}

body {
    margin-top: 0px;
}
-->
</style>
Avatar billede thesurfer Nybegynder
20. juni 2006 - 16:58 #2
..manglede ";" efter padding:0px..

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

body {
    margin-top: 0px;
}
-->
</style>
Avatar billede thesurfer Nybegynder
20. juni 2006 - 17:12 #3
Hmm.. virker ikke.. og XHTML understøtter vist heller ikke height på tabeller..

Læs også artiklerne:
http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538
Avatar billede thesurfer Nybegynder
20. juni 2006 - 17:15 #4
Det her virker dog fint, så du skal bare have en anden doctype på:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html,body
{
height:100%;
margin:0px;
padding:0px;
}
</style></head>

<body>
  <div align="center">
    <table width="918" height="100%" border="1">
      <tr>
        <td width="18" height="100%" rowspan="5">1</td>
        <td width="882" height="236" colspan="3"></td>
        <td width="18" height="100%" rowspan="5">2</td>
      </tr>
      <tr>
        <td width="882" height="40" colspan="3"></td>
      </tr>
      <tr>
        <td width="185" height="100%">a<td>
        <td width="1" height="100%">b</td>
        <td width="696" height="100%">c</td>
      </tr>
      <tr>
        <td width="882" height="25" colspan="3"></td>
      </tr>
      <tr>
        <td width="882" height="40" colspan="3"></td>
      </tr>
      </table>
  </div>
</body>
</html>
Avatar billede thesurfer Nybegynder
20. juni 2006 - 17:19 #5
Ahh.. man skal også lige huske, at div også skal være 100% i højden: <div style="height:100%" align="center">
Avatar billede thesurfer Nybegynder
20. juni 2006 - 17:21 #6
Sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html,body
{
height:100%;
margin:0px;
padding:0px;
}
</style>
</head>

<body>
  <div style="height:100%" align="center">
    <table width="918" height="100%" border="1">
      <tr>
        <td width="18" height="100%" rowspan="5" style="background-color:#cccccc;">1</td>
        <td width="882" height="236" colspan="3"></td>
        <td width="18" height="100%" rowspan="5" style="background-color:#cccccc;">2</td>
      </tr>
      <tr>
        <td width="882" height="40" colspan="3"></td>
      </tr>
      <tr>
        <td width="185" height="100%" style="background-color:#cccccc;">a<td>
        <td width="1" height="100%" style="background-color:#cccccc;">b</td>
        <td width="696" height="100%" style="background-color:#cccccc;">c</td>
      </tr>
      <tr>
        <td width="882" height="25" colspan="3"></td>
      </tr>
      <tr>
        <td width="882" height="40" colspan="3"></td>
      </tr>
      </table>
  </div>
</body>
</html>

Så virker det som det skal, i Opera og FireFox. Internet Explorer viser det bare forkert..
Avatar billede thesurfer Nybegynder
20. juni 2006 - 17:22 #7
Jeg har tilføjet style="background-color:#cccccc;" til de celler, som skulle være 100%, så jeg kan genkende dem i browseren..

Du kan bare fjerne style="background-color:#cccccc;" igen.
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