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>

Recommended Answers

All 4 Replies

don't worry they want!
you've coded for firefox and firefox it gave.

there are two ways of fixing this, you either give your images enough space (width) to fit in that container, or you force style display block on their inline wraper tags, <a> .

I would suggest you go with : td a{display:block} !in your frame document source Style, which is at:
http://cavpollos.webs.com/iFramePages/cuadrosLinks.htm

Hello unthankfull.
- Why don't you mark the thread "solved"?
p.s.:
(by the way: Its something that we all can see, right from your site!)

A little late, but I seem to have found a way to solve this.

If EVERYTHING inside the iframe is absolutely positioned, IE will not make a fuzz about it. But if you instead use tables and some toher stuff to position them... then you are bound to having weird results...

p.s.:
(tanx for the help Troy, even though it just partially fixed the whole problem)

Using tables for a layout is an outdated technique from 1996.

Regards, Arkinder

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.