Søg
Avatar billede hyanen Nybegynder
04. februar 2007 - 18:06 Der er 8 kommentarer og
1 løsning

Height i procent i internet explorer

Ja hvordan **** får jeg height til t virke i tabel i internet skodser?

eller noget andet jeg kan gøre i stedet

Hyanen
Avatar billede kalckar Nybegynder
04. februar 2007 - 22:56 #1
<table height="50%"> virker både i IE 6 og 7...
Avatar billede mclemens Nybegynder
06. februar 2007 - 13:28 #2
Du kan prøve at fjerne din doctype og køre med IE
i quirks mode ... eller lave nogle nestede tabeller ...
Avatar billede mclemens Nybegynder
06. februar 2007 - 13:32 #3
... Eller måske er det denne del du mangler:
<style type="text/css">
html,body {height:100%;margin:0px;padding:0px;}
</style>

... Husk at sætte de ydre elementer til en størrelse
så tabellens højde er en %'sats af en fastsat højde.

...

<!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>Ingen titel</title>

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

</head><body>
<table style="background:red;height:50%;"><tr><td>a</td></tr></table>
</body></html>
Avatar billede hyanen Nybegynder
08. februar 2007 - 13:02 #4
Nice clemens det virker næsten

har så bare det problem at hvis hjemmesiden så er højere end opløsningen så fylder min boks ikke det hele?

?

dvs hvis jeg skal scrolle så når scroller ned så er den der ikke
Avatar billede mclemens Nybegynder
08. februar 2007 - 13:35 #5
Tror jeg måske ved hvad du mener ...

<!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>Ingen titel</title>

<style type="text/css">
html,body {height:100%;margin:0px;padding:0px;}
</style>
</head><body>
<table style="position:absolute;top:0px;left:25px;background:red;height:100%;"><tr><td>aa<br></td></tr></table>
<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>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>a<br>a<br>a<br>
</body></html>


... Jeg har bare ikke rigtig en løsning på det problem andet end måske js:



<!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>Ingen titel</title>

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

<script type="text/javascript">
window.onload=function(){
  document.getElementById("tabellen").style.height=document.documentElement.scrollHeight+"px";
}
</script>

</head><body>
<table id="tabellen" style="position:absolute;top:0px;left:25px;background:red;"><tr><td>aa<br></td></tr></table>
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>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>a<br>a<br>
</body></html>


.... Men, det er sikkert ikke noget i den stil du tænkte på ...
Avatar billede hyanen Nybegynder
08. februar 2007 - 15:10 #6
kan man ikke gøre sådan at boksen følger med når man scroller - mener jeg har set det før med menuer men prøver lige dit script
Avatar billede hyanen Nybegynder
08. februar 2007 - 15:13 #7
det script var præcis det jeg tænkte Ligger du ikke at svar :)
Avatar billede hyanen Nybegynder
09. februar 2007 - 23:33 #8
kan du ikke få det til at virke skal have det på 4 tabeller

tablefillside
tablefill
tableleft
tableright

den laver noget underligt nu

<html>
<head>
<title>Total Team - os der sætter mennesket i centrum</title>
<style>
html,body {
height:100%;
margin:0px;
padding:0px;
background:#FFFFFF;
}

.tableleft {
table-layout:fixed;
empty-cells:show;
position:absolute;
left:4%;
top:0%;
width:5%;
}
.tdleft {
background-image:url(left.jpg);
background-repeat:repeat-y;
width:100%;
height:100%;
}
.tablefillside {
table-layout:fixed;
empty-cells:show;
position:absolute;
left:0%;
top:0%;
width:99.5%;
}
.tdfillside {
background-color:#f5f5f5;
}

.tablefill {
table-layout:fixed;
empty-cells:show;
position:absolute;
left:7.5%;
top:0%;
width:84%;
}
.tdfill {
background-color:#ffffff;
}
.tableright {
table-layout:fixed;
empty-cells:show;
position:absolute;
left:91%;
top:0%;
width:5%;
}
.tdright {
background-image:url(right.jpg);
background-repeat:repeat-y;
width:100%;
height:100%;
}
.top {
position:absolute;
top:0%;
left:9%;
width:81%;
height:125px;
}

.menu {
position:absolute;
top:130px;
left:9%;
width:81%;
height:27px;
background-image:url(menubg.jpg);
border:1px solid #CCCCCC;
}
.maintabel {
position:absolute;
top:162px;
left:9%;
height:50%;
width:81%;
}

</style>

<script type="text/javascript">
window.onload=function(){
  document.getElementById("tablefillside").style.height=document.documentElement.scrollHeight+"px";
}
</script>
<script type="text/javascript">
window.onload=function(){
  document.getElementById("tablefill").style.height=document.documentElement.scrollHeight+"px";
}
</script>
<script type="text/javascript">
window.onload=function(){
  document.getElementById("tableleft").style.height=document.documentElement.scrollHeight+"px";
}
</script>
<script type="text/javascript">
window.onload=function(){
  document.getElementById("tableright").style.height=document.documentElement.scrollHeight+"px";
}
</script>

</head>

<body>
<table id="tablefillside" class="tablefillside">
<tr>
<td class="tdfillside"></td>
</tr>
</table>

<table id="tablefill" class="tablefill">
<tr>
<td class="tdfill"><br /></td>
</tr>
</table>

<table id="tableleft" class="tableleft" >
<tr>
<td class="tdleft"></td>
</tr>
</table>

<table id="tableright" class="tableright">
<tr>
<td class="tdright"></td>
</tr>
</table>




<div class="top"><img src="logo.jpg" /><img src="banner.jpg" /></div>

<div class="menu" >

<table align="center" cellspacing="0" cellpadding="0"  width="auto">
<tr>



<td background="knapselected.jpg" width="75px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Hjem</center></font></td>
<td background="knap.jpg" width="75px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Hvem er vi</center></font></td>
<td background="knap.jpg" width="75px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Serviceydelser</center></font></td>
<td background="knap.jpg" width="75px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Job Hos Os</center></font></td>
<td background="knap2.jpg" width="100px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Visioner Og værdier</center></font></td>
<td background="knap.jpg" width="75px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Kontakt</center></font></td>
<td background="knap2.jpg" width="100px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Samarbejdspartnere</center></font></td>
<td background="knap.jpg" width="75px" height="27px"><font size="1" face="Tahoma, Verdana, Arial, Helvetica, sans-serif"><center>Ansatte</center></font></td>


  </tr>
  </table>

</div>

  <table class="maintabel">
  <tr>
  <td width="16%" height="40%" >
 
 
<table id="undermenu" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td background="images/menubox_01.gif" width="7" height="8">
          </td>
        <td background="images/menubox_02.gif" width="94%" height="8">
          </td>
        <td background="images/menubox_03.gif" width="7" height="8">
          </td>
    </tr>
    <tr>
        <td background="images/menubox_04.gif" width="7" height="96%">
      </td>
        <td background="images/menubox_05.gif" width="94%" height="96%">
        <b><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><center>Nyheder</center><hr size="1" /></font></b>
        <marquee direction="up" width="100%" height="93%" scrolldelay="150" onMouseOver="this.stop()" onMouseMove="this.stop()" onMouseOut="this.start()" ><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b>Ny Hjemmeside</b><br /> Vi har fået ny hjemmeside blablablablablablablablablablablablabla </font></marquee>
       
          </td>
        <td background="images/menubox_06.gif" width="7" height="96%">
      </td>
    </tr>
    <tr>
        <td background="images/menubox_07.gif" width="7" height="7">
          </td>
        <td background="images/menubox_08.gif" width="94%" height="7">
          </td>
        <td background="images/menubox_09.gif" width="7" height="7">
          </td>
    </tr>
</table>
 
  </td>
  <td width="64%" height="40%" >
  <table id="indhold" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td background="images/menubox_01.gif" width="7" height="8">
          </td>
        <td background="images/menubox_02.gif" width="98%" height="8">
          </td>
        <td background="images/menubox_03.gif" width="7" height="8">
          </td>
    </tr>
    <tr>
        <td background="images/menubox_04.gif" width="7" height="95%">
      </td>
        <td background="images/menubox_05.gif" width="98%" height="95%"><p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p><br />
           
          </p></td>
        <td background="images/menubox_06.gif" width="7" height="95%">
      </td>
    </tr>
    <tr>
        <td background="images/menubox_07.gif" width="7" height="7">
          </td>
        <td background="images/menubox_08.gif" width="98%" height="7">
          </td>
        <td background="images/menubox_09.gif" width="7" height="7">
          </td>
    </tr>
</table>
 
 
  </td>
  </tr>
  <tr>
  <td width="80%" colspan="2" height="10%">
 
 
      <table id="copyright" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td background="images/menubox_01.gif" width="7" height="8">
          </td>
        <td background="images/menubox_02.gif" width="99%" height="8">
          </td>
        <td background="images/menubox_03.gif" width="7" height="8">
          </td>
    </tr>
    <tr>
        <td background="images/menubox_04.gif" width="7" height="94%">
      </td>
        <td background="images/menubox_05.gif" width="99%" height="94%">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1"><center>© 2007 Team Total | All rights reserved www.teamtotal.dk | 12345678 <a>Kontakt</a></center></font></td>
        <td background="images/menubox_06.gif" width="7" height="94%">
      </td>
    </tr>
    <tr>
        <td background="images/menubox_07.gif" width="7" height="7">
          </td>
        <td background="images/menubox_08.gif" width="99%" height="7">
          </td>
        <td background="images/menubox_09.gif" width="7" height="7">
          </td>
    </tr>
</table>
 
  </td>
  </tr>
  </table>
 
</body>
</html>
Avatar billede hyanen Nybegynder
25. februar 2007 - 15:51 #9
luk
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
White papers
Flere white papers »