Tekst vil ikke ligge sig i toppen i IE, men godt i FF
Hey alle!Sidder med et lille problem som jeg ikke rigtig kan regne ud!
Jeg har en tabel med 2 rækker, hvori række et er der et billede, og i række 2 er der tekst!
I række 2 har jeg sat teksten til at den skal være i toppen!
Dette opfatter den godt i FireFox, men ikke i IE!
Hvad er problemet??
HTML Kode:
<!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>
<title>FrameMakers - Hjemmesider, Multimedie, Flash, Tryksager</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/knapper/profil_over.gif','../images/knapper/cases_over.gif','../images/knapper/portefolio_over.gif','../images/knapper/jobs_over.gif','../images/knapper/kontakt_over.gif','../images/knapper/produkter_over.gif')">
<table width="754" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../images/topbar.gif" alt="FrameMakers" width="754" height="61" /></td>
</tr>
</table>
<br />
<table width="754" border="0" align="center" cellpadding="0" cellspacing="0" class="tableMain">
<tr>
<td width="251" class="tdMenu"><table width="249" style="height: 350px;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="14"> </td>
<td width="217"><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Profil','','../images/knapper/profil_over.gif',1)"> <img src="../images/knapper/profil.gif" alt="Profil" name="Profil" width="208" height="19" border="0" id="Profil" /></a></td>
<td width="18"> </td>
</tr>
<tr>
<td> </td>
<td><a href="produkter.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Produkter','','../images/knapper/produkter_over.gif',1)"><img src="../images/knapper/produkter.gif" alt="Produkter" name="Produkter" width="213" height="16" border="0" id="Produkter" /></a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><a href="cases.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Cases','','../images/knapper/cases_over.gif',1)"><img src="../images/knapper/cases.gif" alt="Cases" name="Cases" width="208" height="15" border="0" id="Cases" /></a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><a href="portefolio.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Portefolio','','../images/knapper/portefolio_over.gif',1)"><img src="../images/knapper/portefolio.gif" alt="Portefolio" name="Portefolio" width="215" height="16" border="0" id="Portefolio" /></a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><a href="jobs.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Jobs','','../images/knapper/jobs_over.gif',1)"><img src="../images/knapper/jobs.gif" alt="Jobs" name="Jobs" width="212" height="18" border="0" id="Jobs" /></a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><a href="kontakt.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kontakt','','../images/knapper/kontakt_over.gif',1)"><img src="../images/knapper/kontakt.gif" alt="Kontakt" name="Kontakt" width="217" height="16" border="0" id="Kontakt" /></a></td>
<td> </td>
</tr>
</table></td>
<td width="14"> </td>
<td width="489" class="tdContent">
<table width="489" cellpadding="0" cellspacing="0" class="tableContent" style=" background-image: url(../images/content_img/feet.jpg); background-repeat: no-repeat; background-position: bottom right;">
<tr>
<td valign="top" class="tdTop"><br />
<img src="../images/headlines/produkter.gif" width="78" height="13" /></td>
</tr>
<tr>
<td class="tdText"><p><br />
<a href="produkter/webdesign.htm">Webdesign</a> - <a href="produkter/databasecms.htm">Databaser & CMS </a> - <a href="produkter/du.htm">D&U</a> - <a href="produkter/hosting.htm">Hosting</a> - <a href="produkter/tryksager.htm">Tryksager</a> - <a href="produkter/identitet.htm">Identitet</a> - <a href="produkter/3d.htm">3D løsninger</a> <br />
<img src="../images/line.gif" width="357" height="1" /> <br />
<br />
Vi skaber rammerne indenfor hvilke kunden lykkedes at markedsføre sig optimalt! Medierne er forskellige – læs mere om de forskellige tilbud fra FrameMakers ved at vælge i listen herover.</p> </td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
</body>
</html>
CSS for den tabel og td det er galt i :
.tableContent { width: 485px; border: 0px; height: 350px;}
.tdTop { height: 40px; padding-left: 15px; vertical-align:top; }
.tdText { padding-left: 15px; padding-right: 5px; font-family: tahoma; font-size: 10px; font-weight: normal; color: #333333; vertical-align:top; }
