Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14
  1. #1
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Page loads half way down in IE, full in Firefox

    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

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Change this
    Code:
    <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC>
    to this
    Code:
    <!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?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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
    Code:
    object {
    display:block;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #6
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #7
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    (repost)
    Last edited by greentea; 11-03-2006 at 10:56 PM.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Get rid of the divs marked in red
    Code:
    <!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=2FBD6lB4zLei9oeusqVORu0w=3D>Absentee voting grows in Minnesota</a><br>
    								<br>
    								<a href=http://topix.net/r/0a0H2TVFa7i=2FqwY3EVp2ljws=2FWaPV=2Befx2rtm=2B9VpKANhI4Us5tc4W96HbaQ8mKz8GAp1ks3o0fQ9h5i=2Fb958u8oa6wIaJL30Wn=2BfNfs5UuMS0hfUZtvFa2QXnCTCFOr=2FxNZ59dQ2FJ1Jmg6Yk3oHbrmcsIQfQS3k9bnNWb9Mx1yl2KwH=2BwA2K2ctYXhUT9EQM34rVpKnR8Snt0HhKRR4Tw=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=2B9VpKAOmktgJ3rbvmXxjBzCXIVTz7greOU6SODsTpOfemWbZsUXjSd5W71GREuVOPcapIH4DqcvF=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
    Code:
    <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
    Code:
    		<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
    Code:
    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/
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #10
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #11
    New Coder
    Join Date
    Oct 2006
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #12
    New to the CF scene
    Join Date
    Feb 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #13
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Hmm your page looks fine to me in IE6. Looks the same in FF too.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #14
    New to the CF scene
    Join Date
    Feb 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •