HTML and CSS RSS HTML and CSS RSS

Iframes problem

Reply

•
•
Join Date: Sep 2009
Posts: 9
Reputation: cavpollo is an unknown quantity at this point 
Solved Threads: 0
cavpollo cavpollo is offline Offline
Newbie Poster

Iframes problem

 
0
  #1
21 Days Ago
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;">

         <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><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>
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2008
Posts: 348
Reputation: Troy III will become famous soon enough Troy III will become famous soon enough 
Solved Threads: 42
Troy III's Avatar
Troy III Troy III is offline Offline
Posting Whiz
 
0
  #2
21 Days Ago
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2008
Posts: 348
Reputation: Troy III will become famous soon enough Troy III will become famous soon enough 
Solved Threads: 42
Troy III's Avatar
Troy III Troy III is offline Offline
Posting Whiz
 
0
  #3
19 Days Ago
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!)
Reply With Quote Quick reply to this message  
Reply

Tags
•
•
•
•
Tags
explorer, firefox, html, iframe, internet, visualization

Quick Reply to Thread
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



addiction army bbc bittorrent blackfriday blog broadband browser browsers business cable censorship china chrome cloudcomputing commerce confidentiality connectivity conspiticy copyright css daniweb development domain domainnames domains download email encryption eu explorer facebook firefox funds gaming google government hacking html ie7 ie8 iframe intel internet internetexplorer iphone isp java javascript linux marketing michaelknight microsoft mobile money mozilla music network networking news newspapers online onlineshopping opera p2p patch php piracy politics porn portfolio privacy report research rss saas search security seo sex shopping socialnetworking software speed statistics stocks survey teenagers twitter uk update video w3c web webmail wifi wiki windows worldwideweb youtube
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC