...

View Full Version : Page loads half way down in IE, full in Firefox



greentea
11-03-2006, 04:37 AM
http://www.thebestofthewest.net/

In IE, the page loads half way down when you refresh or go to a different section. Apparently the left div only goes down as far as the right div is long. Does that make sense? Only happens in IE, not Firefox (of course). I had thought I had it fixed but apparently it wasn't.

Also in IE, the menu has a few pixels of space between itself and the flash above it. Does that have to do with the fact that you can "click to activate" flash applets in IE? I'm stumped silly over here. It looks correct in Firefox.

Thanks in advance, you guys are the best!

- greentea

_Aerospace_Eng_
11-03-2006, 06:18 AM
Change this

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC>
to this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
How on earth did you end up with the first code?

greentea
11-03-2006, 07:54 AM
Thanks for taking your time to look at it.

Okay I've swapped that out to no avail. I think that code was part of a php gzip thing I was working on. Any other suggestions?

- greentea

_Aerospace_Eng_
11-03-2006, 01:42 PM
The columns appeared fine to me in IE6 on first load so I don't know. Maybe its a caching problem on your end? As for the flash. Add this to your CSS

object {
display:block;
}

greentea
11-03-2006, 05:06 PM
Yeah the first load does come up correctly, it's when you refresh the page, or go to a different section, sometimes it won't load all the way. I've had a bunch of different viewers all have the same problem with it. Driving me nuts!

Maybe it has to do with one too many </div> tags somewhere? Thanks for your assistance Aerospace!

- greentea

greentea
11-03-2006, 10:35 PM
Well, I added that code to the CSS but I'm not entirely sure it fixed anything with the flash?

Still getting the display problem. It only happens if you hit reload in IE6. Mind blowing to me.

greentea
11-03-2006, 10:45 PM
(repost)

_Aerospace_Eng_
11-03-2006, 11:19 PM
Get rid of the divs marked in red

<!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>The Best of the West - Home</title>
<meta name="description" content="The most exciting hunting show on television today." />
<meta name="keywords" content="hunting, michael martin murphey, bob beeman, big game, elk, coues, white tail, moose, bear, shooting, big horn, shooting, long range, coyote, predator" />
<meta name="Generator" content="Mambo - Copyright 2000 - 2006 Mambo Foundation. All rights reserved." />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="http://www.thebestofthewest.net/mambo/images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html;>charset=iso-8859-1" />
<link rel="stylesheet" href="http://www.thebestofthewest.net/mambo/templates/botw/css/template_css.css" type="text/css"/>
<link rel="shortcut icon" href="http://www.thebestofthewest.net/mambo/images/favicon.ico" />
</head>
<body>
<div align="center">
<div id="outline">
<div id="top_container">
<object width="800px" height="160px">
<param name="movie" value="http://www.thebestofthewest.net/masthead2.swf"/>
<embed src="http://www.thebestofthewest.net/masthead2.swf" width="800px" height="160px"> </embed>
</object>
<div align="left">
<div id="middle_container">
<div id="middle_container_inner">
<div id="banner">
<div class="menu2">
<ul>
<li><a class="menu2one" href="http://www.thebestofthewest.net/mambo/index.php?option=com_frontpage&Itemid=1">Home</a></li>
</ul>
<ul>
<li><a class="menu2two" href="#null">Products
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td><ul>
<li><a href="http://www.thebestofthewest.net/mambo/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=45">DVDs</a></li>
<li><a href="http://www.thebestofthewest.net/mambo/index.php?option=com_virtuemart&page=shop.browse&category_id=2&Itemid=45">Backpacks</a></li>
<li><a href="http://www.gunwerks.com/rifles.html">Rifles</a></li>
<li><a href="http://www.gunwerks.com/optics.html">Scopes</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu2three" href="#null">The Show
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td><ul>
<li><a href="http://www.thebestofthewest.net/mambo/index.php?option=com_content&task=view&id=31">About the Show</a></li>
<li><a href="http://www.thebestofthewest.net/mambo/index.php?option=com_content&task=view&id=32">Meet the Crew</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu2four" href="http://www.thebestofthewest.net/mambo/index.php?option=com_mamboboard&Itemid=48">Forum</a></li>
<li><a class="menu2five" href="http://www.thebestofthewest.net/mambo/index.php?option=com_wrapper&Itemid=50">Trophy Gallery</a></li>
<li><a class="menu2six" href="#null">Links
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<table>
<tr>
<td><ul>
<li><a href="http://www.thebestofthewest.net/mambo/index.php?option=com_content&task=view&id=29&Itemid=47">Sponsors</a></li>
<li><a href="http://www.thebestofthewest.net/mambo/index.php?option=com_content&task=view&id=30">Outfitters</a></li>
</ul></td>
</tr>
</table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu2seven" href="http://www.thebestofthewest.net/mambo/index.php?option=com_contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="left">
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><div>
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%"> New Host: Michael Martin Murphey </td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2"><dl>
<dt><br />
</dt>
<dd>
<div align="left"><img class="img" src="http://www.thebestofthewest.net/mambo/templates/botw/images/MMM.jpg" alt="Michael Martin Murphey" width="135" height="250" align="left" /><strong>Michael Martin Murphy</strong> - America&rsquo;s # 1 Cowboy Singer and Poet has signed on to be the newest host of the Best of the West! Michael has this to say about his new position with the show:<br />
<br />
<em>&ldquo;I have associated myself with Best of the West because the producers and their staff take the High Road when it comes to shows about hunting.&nbsp; Best of the West has been totally open to my suggestions about packing the show with useful, technical, and practical information, as well as, including entertaining music and other artistic elements that bring out the cultural, historical&mdash;and even spiritual elements&mdash;relating to hunting and fishing. I believe hunting and fishing to be the most overlooked elements of the study of American culture and history, and much of that story is best told in the American West. The bonus for me is, I have learned a lot from the expertise of the professional hunters and outfitters who appear on the show. The Best of the West aspires to be a show that will always give the viewers a satisfying program that is well worth the time invested in it. I know that any hunter&mdash;experienced or novice&mdash;will want to experience The Best of the West.&rdquo;</em></div>
</dd>
</dl></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td valign="top"><table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="100%"><table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%"> Crazy Like A Coyote? </td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2"><dl>
<dt><br />
</dt>
<dd>
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="200">
<param name="movie" value="http://www.thebestofthewest.net/yote.swf">
<param name="quality" value="high">
<embed src="http://www.thebestofthewest.net/yote.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="200"></embed>
</object>
</div>
</dd>
</dl></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" width="100%"><table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%"> The Huskemaw Optics 5-20 </td>
</tr>
</table>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2"><dl>
<dt><br />
</dt>
<dd>
<div style="text-align: center">The most advanced Ballistic Compensating rifle <strong>Scope</strong> available. <a href="http://www.gunwerks.com/optics.html"><strong>Click here to order!</strong></a><br />
<a href="http://www.gunwerks.com/optics.html"><img class="img" src="http://www.thebestofthewest.net/mambo/images/scope.jpg" border="0" alt="Scope" title="Scope" width="393" height="159" /></a></div>
<div style="text-align: center">For more information on <strong>Rifles</strong> and our complete shooting systems, <a href="http://www.gunwerks.com/rifles.html"><strong>Click here</strong></a><strong>.</strong>&nbsp;</div>
</dd>
</dl></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><div class="blog_more">
<div> <strong> More... </strong> </div>
<ul>
<li> <a class="blogsection" href="index.php?option=com_content&amp;task=view&amp;id=36&amp;Itemid=1"> The All-New Best of the West Homepage </a> </li>
<li> <a class="blogsection" href="index.php?option=com_content&amp;task=view&amp;id=25&amp;Itemid=1"> Wyoming State Record Whitetail </a> </li>
</ul>
</div></td>
</tr>
</table>
</div>
<div id="right">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td><form action="index.php" method="post" name="login" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td> Username <br />
<input name="username" type="text" class="inputbox" alt="username" size="10" />
<br />
Password <br />
<input type="password" name="passwd" class="inputbox" size="10" alt="password" />
<br />
<input type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
Remember me <br />
<input type="hidden" name="option" value="login" />
<input type="submit" name="Submit" class="button" value="Login" />
</td>
</tr>
<tr>
<td><a href="index.php?option=com_registration&amp;task=lostPassword"> Password Reminder </a> </td>
</tr>
<tr>
<td> No account yet? <a href="index.php?option=com_registration&amp;task=register"> Create one </a> </td>
</tr>
</table>
<input type="hidden" name="op2" value="login" />
<input type="hidden" name="lang" value="english" />
<input type="hidden" name="return" value="/mambo/index.php" />
<input type="hidden" name="message" value="0" />
</form></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top"> Hunting News </th>
</tr>
<tr>
<td><a href=http://topix.net/r/0a0H2TVFa7i=2FqwY3EVp2ljws=2FWaPV=2Befx2rtm=2B9VpKAOjN4k2qbR=2B5bFdI=2FxeNFNzQfIbwa5nNjQd6mmqCq7N=2F BD6lB4zLei9oeusqVORu0w=3D>Absentee voting grows in Minnesota</a><br>
<br>
<a href=http://topix.net/r/0a0H2TVFa7i=2FqwY3EVp2ljws=2FWaPV=2Befx2rtm=2B9VpKANhI4Us5tc4W96HbaQ8mKz8GAp1ks3o0fQ9h5i=2Fb958u8oa6 wIaJL30Wn=2BfNfs5UuMS0hfUZtvFa2QXnCTCFOr=2FxNZ59dQ2FJ1Jmg6Yk3oHbrmcsIQfQS3k9bnNWb9Mx1yl2KwH=2BwA2K2c tYXhUT9EQM34rVpKnR8Snt0HhKRR4Tw=3D=3D>Duck blind has new addition in the form of a puppy dog</a><br>
<br>
<a href=http://topix.net/r/0a0H2TVFa7i=2FqwY3EVp2ljws=2FWaPV=2Befx2rtm=2B9VpKAOmktgJ3rbvmXxjBzCXIVTz7greOU6SODsTpOfemWbZsUXjSd5 W71GREuVOPcapIH4DqcvF=2B2wSB2h217ILaDb8>Jakes, shoats and turkey shoots</a><br>
<br>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top"> BOTW Products </th>
</tr>
<tr>
<td><a title="DVDs" style="display:block;" class="mainlevel" href="http://www.thebestofthewest.net/mambo/index.php?page=shop.browse&amp;category_id=1&option=com_virtuemart&Itemid=1" >DVDs</a> <a title="Backpacks" style="display:block;" class="mainlevel" href="http://www.thebestofthewest.net/mambo/index.php?page=shop.browse&amp;category_id=2&option=com_virtuemart&Itemid=1" >Backpacks</a>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2"><a class="mainlevel" href="http://www.thebestofthewest.net/mambo/index.php?page=shop.cart&option=com_virtuemart&Itemid=1">Show Cart</a> </td>
</tr>
<tr>
<td colspan="2">Your Cart is currently empty.</td>
</tr>
</table></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<th valign="top"> Feedback </th>
</tr>
<tr>
<td><p class="quote"><em>&quot;The Best of The West needs to be hours and hours long, it is so neat to watch. And just in the talk I learned so much about how to pick the right animal to shoot.&quot;</em></p>
<div class="quote-author">Mark in South Dakota</div></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<div align="center" id="copyright">Copyright &copy; 2006 by The Best of the West</div>
<script type="text/javascript">
//<![CDATA[
document.write('<scr'+'ipt src="http://crazyegg.com/pages/scripts/2989.js?'+(new Date()).getTime()+'" type="text/javascript"></'+'script>');
//]]>
</script>
</body>
</html>
<!-- 1162591960 -->

Change this

<object width="800px" height="160px">
<param name="movie" value="http://www.thebestofthewest.net/masthead2.swf"/>
<embed src="http://www.thebestofthewest.net/masthead2.swf" width="800px" height="160px"> </embed>
</object>
to this

<object type="application/x-shockwave-flash" data="http://www.thebestofthewest.net/masthead2.swf" width="800" height="160">
<param name="movie" value="http://www.thebestofthewest.net/masthead2.swf"/>
</object>
and add this to the CSS for #outline

margin:auto;
As for the click to activate issue the solution is to use JS. I recommend the one found here: http://blog.deconcept.com/swfobject/

greentea
11-04-2006, 12:01 AM
That Flash positioning fix worked beautifully, thank you for that.

When I delete those divs that you highlighted, the page layout breaks because it's not centered over the background image. I tried to add align="center" to the div tag but of course it didn't work.

I appreciate your patience.

- greentea

_Aerospace_Eng_
11-04-2006, 12:10 AM
Did you read the last part where I said to add margin:auto; to your #outline CSS? So now remove those divs and add what I said to add. Margin:auto; IS the correct way to center a div. The align attribute is deprecated and shouldn't be used.

greentea
11-04-2006, 12:26 AM
My mistake, I misread that as being object instead of outline.

It seems to have fixed the problem! Thanks for your help, I'll nominate you as a helpful dude. :thumbsup:

iczman
02-16-2007, 02:09 AM
I am also encountering the same problem on my website at www.uwbap.org that my page will load half way through in IE but not in Firefox. My main css divs are already set at margin: 0 auto but the problem still persist. Can greentea, _Aerospace_Eng_ and other gurus give me a hand?

* Note that I'm surprised to see the structure and layout of our websites to be ALMOST identical. However, I coded everything from ground up and I think it's a pure coincidence that we share the same thinking pattern while building the site. Pretty mind blowing to see someone who thinks alike :cool:

_Aerospace_Eng_
02-16-2007, 03:12 AM
Hmm your page looks fine to me in IE6. Looks the same in FF too.

iczman
02-16-2007, 05:48 PM
For some reason it sometimes don't work in IE6 on some machines, and sometimes it is rendered properly in others. Maybe there's a patch in IE that "fixed" the bug? I'm totally dumbfounded.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum