kan ikke få min tabel til at strække sig 100% hjælp!
Hey Eksperter!Jeg kan ikke få min venstre eller højretabel til at strække sig 100%, og jeg forstår det simpelthen ikke! Det styres af CSS men den reagere bare ikke på den, eller på height!
Need help!!
HTML koden:
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Netfact - Know more faster!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/standard.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/buttons/produkter_over.gif','images/buttons/aktuelt_over.gif','images/buttons/firmaet_over.gif','images/buttons/partnere_over.gif','images/buttons/teknologi_over.gif','images/buttons/kontakt_over.gif')">
<table align="center" id="maintable">
<tr>
<td valign="top"> <table cellpadding="0" cellspacing="0" id="top">
<tr>
<td width="30"> </td>
<td width="223"><img src="images/netfact.gif" alt="netfact" id="netfact_img"></td>
<td width="452"><img src="images/know_more_faster.gif" alt="know more faster" id="knowimg"></td>
<td id="mailtd"><img src="images/mail.gif" alt="kontakt oss" id="mailimg"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" id="head_table">
<tr>
<td><img src="images/head_1.jpg" alt="netfact - know more faster" id="head_img"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" id="menubar">
<tr>
<td width="120"> </td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('produkter','','images/buttons/produkter_over.gif',1)"><img src="images/buttons/produkter.gif" alt="Produkter" name="produkter" width="55" height="10" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Aktuelt','','images/buttons/aktuelt_over.gif',1)"><img src="images/buttons/aktuelt.gif" alt="Aktuelt" name="Aktuelt" width="39" height="10" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Firmaet','','images/buttons/firmaet_over.gif',1)"><img src="images/buttons/firmaet.gif" alt="Firmaet" name="Firmaet" width="42" height="9" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Partnere','','images/buttons/partnere_over.gif',1)"><img src="images/buttons/partnere.gif" alt="Partnere" name="Partnere" width="47" height="9" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Teknologi','','images/buttons/teknologi_over.gif',1)"><img src="images/buttons/teknologi.gif" alt="Teknologi" name="Teknologi" width="53" height="12" border="0"></a></td>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt','','images/buttons/kontakt_over.gif',1)"><img src="images/buttons/kontakt.gif" alt="Kontakt oss" name="Kontakt" width="65" height="10" border="0"></a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" id="main_content">
<tr>
<td width="138" valign="top">
<table id="tableleft" cellspacing="0" cellpadding="0">
<tr>
<td id="tdprod" colspan="2"><img src="images/produkter_left.gif" alt="Produkter" id="proleftimg"></td>
</tr>
<tr>
<td id="tdspacer"> </td>
<td id="tdlinkbox"><br>
Netbase<br>
Flykningebarometer<br>
Opertør Monitor<br>
<br>
Port Cost Control<br>
<br>
Mobbe Monitor<br>
Lokaldemokrati<br>
<br>
Netsurveyer<br>
<br>
Skreddersøm<br>
<br>
<br>
<br> </td>
</tr>
<tr>
<td colspan="2"><img src="images/login_left.gif" alt="Login" id="loginleftimg"></td>
</tr>
<tr>
<td id="tdspacer"> </td>
<td id="tdlogin2"><br>
Netbase Login<br>
FB Login<br>
</td>
</tr>
</table></td>
<td width="448" valign="top">
<table cellpadding="0" cellspacing="0" id="tdmain">
<tr>
<td colspan="3"><img src="images/overskrifter/merkelofte.gif" width="110" height="30"></td>
</tr>
<tr>
<td width="20"> </td>
<td width="428"><br>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br>
</td>
<td width="10"> </td>
</tr>
<tr valign="top">
<td colspan="3"><div align="center"><img src="images/main_line1px_hori.gif" width="418" height="1"><br>
</div></td>
</tr>
<tr>
<td width="20"> </td>
<td> <table cellpadding="0" cellspacing="0" id="tablebox">
<tr>
<td width="260" height="19"><img src="images/box_headllines/flyktningmottak.gif" id="flyktimg"></td>
<td width="8"> </td>
<td width="7"><img src="images/bg/main_line1px_vert2.gif" width="1" height="25"></td>
<td width="4"> </td>
<td width="130"><img src="images/box_headllines/shipping.gif" id="shippingimg"></td>
</tr>
<tr valign="top">
<td height="155" colspan="5"> <table width="409" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="86" valign="top" id="tdnetbase"><br>
<img src="images/boxes/netbase.gif" alt="Netbase" width="86" height="94"><br>
Netbase
</td>
<td valign="top" id="tdflyktninge"><br>
<img src="images/boxes/flyktninge_barometer.gif" alt="Flykningebarometer" width="86" height="94"><br>
Flykninge-<br>
Barometer
</td>
<td valign="top" id="tdoper"><br>
<img src="images/boxes/operator_monitor.gif" alt="Opertør Monitor" width="86" height="94"><br>
Opertør -<br>
Monitor
</td>
<td id="tdspacer2"> </td>
<td width="11" valign="top"><img src="images/bg/main_line1px_vert3.gif" width="1" height="150"></td>
<td width="130" valign="top" id="tdshipping"><br>
<img src="images/boxes/port_cost_control.gif" alt="Post Cost Control" width="86" height="94"><br>
Post Cost<br>
Control
</td>
</tr>
</table>
</tr>
</table>
<td> </td>
</tr>
<tr>
<td colspan="3"><div align="center"><br>
<img src="images/main_line1px_hori.gif" width="418" height="1"><br>
<br>
</div></td>
</tr>
<tr>
<td><br></td>
<td> <table cellpadding="0" cellspacing="0">
<tr>
<td id="tdorganisation" colspan="2"><img src="images/box_headllines/organisationer.gif" id="orgaimg"></td>
<td width="22" id="tdspacer22"> </td>
<td width="4"><img src="images/bg/main_line1px_vert2.gif" width="1" height="25"></td>
<td width="22" id="tdspacer22"> </td>
<td width="130"><img src="images/box_headllines/sporrevaerktoej.gif" id="spvarkimg"></td>
<td width="10"> </td>
</tr>
<tr>
<td width="86" valign="top" id="tdmobbe"><br>
<img src="images/boxes/mobbe_monitor.gif" alt="Mobbe Monitor" width="86" height="94"><br>
Mobbe - <br>
Monitor
</td>
<td valign="top" id="tdlokal"><br>
<img src="images/boxes/lokal_demokrati.gif" alt="Lokaldemokrati" width="86" height="94"><br>
Lokal-<br>
demokrati
<td valign="top" id="tdspacer2"> </td>
<td valign="top"><img src="images/bg/main_line1px_vert3.gif" width="1" height="150"></td>
<td valign="top" id="tdspacer2"> </td>
<td id="tdnetsurvey" valign="top"><br>
<img src="images/boxes/net_surveyoer.gif" alt="Netsurveyer" width="86" height="94">
Netsurveyer
</td>
</tr>
</table>
<td> </td>
</tr>
<tr>
<td colspan="3"><div align="center"><br>
<img src="images/main_line1px_hori.gif" width="418" height="1"></div></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
<td valign="top"> <table cellpadding="0" cellspacing="0" id="table_right">
<tr>
<td colspan="3"><img src="images/aktuelt_left.gif" alt="Aktuelt" id="aktimg"></td>
</tr>
<tr>
<td width="15"> </td>
<td width="155"><br>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id<br>
</td>
<td width="10"> </td>
</tr>
<tr>
<td colspan="3"><img src="images/split_line1px.gif" id="split_img"></td>
</tr>
<tr>
<td> </td>
<td><br>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming idNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id<br>
</td>
<td> </td>
</tr>
<tr>
<td colspan="3"><img src="images/split_line1px.gif" id="split_img"></td>
</tr>
</table></td>
</table>
</table>
</body>
</html>
----------------------
Det er den tabel der har ID "tableleft"
CSS'en for tableleft er :
#tableleft {
width: 138px;
height: 100%;
border: 0 none;
}
----------------
Samme problem er det for den højretabel! Har også prøvet at bare skrive: style="height: 100%" - hvilket den heller ik reagere på!
Hjælp plz
