Hi there,
I got the following problem with my code (which its just an extract):
1. When it loads on Firefox it looks just like I want it to look, everything ordered and in its place, BUT when I visualize the same code on Internet Explorer it shows about half or less of the content of the iframe, and the left columns just appear at a random height...
2. This is a minor thing, but it bothers me a little bit. The border of the tables looks oddly different on internet explorer...
Sso my questions are: How can I fix this? I'm I missing something? What should I change?
I don't want to force all my visitors to download firefox to be able to see my page as I want them to see it...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Inicio</title>
<SCRIPT language="JavaScript">
<!--
function changePage(filePath){
document.location=filePath;
}
//-->
</SCRIPT>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0" style="border-width: 4px; border-style:solid; border-color: blue;">
<!-- Zero row -->
<tr>
<td width="200" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">
<table border="1" cellpadding="0" cellspacing="0" style="border-width: 7px; border-style:ridge; border-color: green;"><tr><td>
<a href="http://www.cavpollos.webs.com"><img src="http://cavpollos.webs.com/Imagenes/HexaCAV200x200%28lowWeigth%29.GIF"; border="0"; alt="Go To CAVPOLLOS Comics!!!" /></a>
</td></tr></table>
</td>
<td width="740" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">
<img src="http://cavpollos.webs.com/Imagenes/cavpollosHeader2conPoios(low).GIF"; style="float: center"; border="0"; alt="CAVPOLLOS Titulo Inicio!" /><br />
</td>
</tr>
<!-- end Zero row -->
<!-- first row -->
<tr valign="top" height=100%>
<!-- side links -->
<td width="200" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">
[B]<iframe name="cuadrosLinks" src="http://cavpollos.webs.com/iFramePages/cuadrosLinks.htm" height="516" width="216" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" scrolling="no">Sorry, your browser doesn't support iframes.</iframe>[/B]<br />
<br />
<table border="2"; cellspacing="1"; cellpadding="5"; bgcolor="White"; style="border-width: 3px; border-color: black";>
<tr><td align="left">
<a href="http://cavpollos.webs.com/apps/auth/login?next="> <font face="font-family:'Lucida Casual', 'Comic Sans MS'"; size="+1" color="blue">Log-eate!</font> </a> <br />
<a href="http://cavpollos.webs.com/apps/auth/signup?next="> <font face="font-family:'Lucida Casual', 'Comic Sans MS'"; size="+2" color="red">Suscribete!</font> </a> <br />
</td></tr>
</table>
</td>
<!-- fin side links -->
<!-- Comienzan noticias -->
<td rowspan="3" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;" >
<font size="5"; color="red";>Para poder visualizar <u><b>bien</b></u> esta pagina debes usar</br>el browser de internet <b>Firefox. </b>Consiguelo clickeando <a href="http://download.mozilla.org/?product=firefox-3.5.3&os=win&lang=es-ES"><b>AQUI</b></a></font><br />
bla bla bla
</td>
<!-- fin noticias -->
</tr>
<!-- end first row -->
<!-- second row -->
<!--comienza facebook-->
<tr valign="top" height=100%>
<td width="200" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">
<table cellpadding="0" cellspacing="0">
<td>
<script>
function fbs_click()
{u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}
</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="share">
<img width="180" height="75" src="http://cavpollos.webs.com/Imagenes/comparteFB%28GIF%29.GIF"; border="0"; style="float: left"; alt="Comparte en Facebook" />
</a>
<script type="text/javascript">
if (top.location != location) {
top.location.href = document.location.href;
}
</script>
</td>
</table>
</td>
</tr>
<!--fin facebook-->
<!-- end second row -->
<!-- third row -->
<!--comienzo banners-->
<tr valign="top" height=0%>
<td width="200" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">
<table width="180" border="1" cellpadding="5" cellspacing="0" style="border-width: 7px; border-style:ridge; border-color: green;"><tr><td align="center" bgcolor="White">
<a href="http://www.pageresource.com"><img src="http://www.pageresource.com/images/pr88x31_01.gif" border="0" target="_blank" alt="PageResource.com" /></a><br />
<a href="http://www.vetealaversh.com"><img src="http://www.vetealaversh.com/images/afiliados/valv.gif" border="0" target="_blank" alt="Vete a la Versh" /></a><br />
<a href="http://gamegnome120.webs.com/"><img src="http://gamegnome120.webs.com//photos/Fan%20Art%20from%20Riley%20M/game%20gnome%20small%20image.bmp" border="0" target="_blank" alt="Game Gnome" /></a><br />
<br />
<a href="http://cavpollos.webs.com/asociate.htm">
<font face="font-family:'Lucida Casual', 'Comic Sans MS'"; size="+2" color="gree"><center>Asociate<br />a esta<br />pagina web!<br /<br />Tu banner<br />aqui! =D</center></font>
</a>
</td></tr></table>
</td>
</tr>
<!--fin banners-->
<!-- end third row -->
</table>
<br />
<br />
CAVPOLLOS.WEBS.COM
</body>
</html>