HTML - Site Loads In Ff, But Not Ie
Hi
Not sure why, but IE hangs when loading my site. Could someone please take a look at the code - I'm using SWFObject to embed Flash, and am trying to build alternate HTML content: <!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>Backlash - Rock n Roll Duo NSW AUSTRALIA</title> <meta name="Description" content="Backlash are the NSW premier Rock n Roll duo, for corporate and private functions"> <meta name="Keywords" content="Backlash, rock n roll, rock n' roll, wedding, dance, band, duo, Tom, Vanessa, CD, live, music, reception, corporate, song, songs, party, rcok, 60's, 70's, entertainment, Australia, backlash.com, backlash.net, www.backlash.com, www.backlash.net, www.backlash.com.au, www.backlash.net.au, singer, sing, vocalist, pop, drums, guitar, keyboards, bass, private functions, show, professional party band, professional party bands, party bands, corporate party bands, corporate party band, cover band, cover bands, Mick Jagger, Ron Woods, Keith Richards, rolling stones mp3, Brookwood Lounge, Pop Beat Blues, Dance, Elvis"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="swfaddress.js"></script> <script type="text/javascript"> var flashvars = {}; var params = {}; params.quality = "best"; params.scale = "noscale"; params.allowfullscreen = "false"; var attributes = {}; attributes.id = "backlash"; swfobject.embedSWF("backlash.swf", "myAlternativeContent", "989", "590", "10.0.0", "expressInstall.swf", flashvars, params, attributes); </script> <link href="style.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="flashvertical"> <div id="flashhoz"> <div id="myAlternativeContent"> <div id="background"> <div id="menu"> <?php include ("menu.php"); ?></div> <div id="content"> <div id="about"> <?php $content = file_get_contents($_SERVER['DOCUMENT_ROOT']."/about.txt"); echo htmlspecialchars($content); ?> </div> </div> </div> </div> </div> </div> </body> </html> /////////////////////// and here's the CSS: html{height:100%} html,body {margin:0;padding:0;} body{ background:#000000; text-align:center; min-width:650px; } h1 { font: 1px Verdana, Arial, Helvetica, sans-serif; text-align:left; color: #fff; } .maintext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#fff; } #flashvertical{ position:absolute; top:50%; margin-top:-295px;/* half flash height*/ left:0; width:100%; } #flashhoz { width:989px;/* flash width*/ margin-left:auto; margin-right:auto; height:590px;/* flash height*/ background:#000; } h1 {color:#fff;margin:0;padding:0} #FlashDiv { width:989px; height:590px; //position:absolute; //left:50%; //top:50%; //margin-top:-295px; //margin-left:-494px; } #background { position:absolute; width:989px; height:590px; background-image:url(images/background_html.jpg); background-position:center; background-repeat:no-repeat; } #menu { height:375px; width:110px; margin-left:92px; margin-top:289px; float:left; } #content { height:260px; width:690px; margin-right:70px; margin-top:289px; background-color:#00FF00; float:right; } #about { height:100px; width:600px; margin-left: auto; margin-right:auto; margin-top:10px; background-color:#fff; } //////////////////////// Cheers Shaun Similar TutorialsHi I have an html page that contains a .swf (index.html). I'd like to make sure that browsers always load the site, and not get it from their cache. I've heard of a thing called cache busting, but there is little info on it when dealing with anything other than a Wordpress site. Does anyone know about it or have info on any other way to make sure the site automatically loads directly? I don't want to have to rely on users manually clearing their cache. Cheers Shaun I'm trying to set up an affiliate popup for my buddies and each time someone clicks a certain link, there will be a popup, but each time you click the link the content on the popup is different. I was wondering if this is possible. I've made a site (http://sketch.uk.com) that hides and displays divs according to the browser size. However, ideally I'd like to prevent the hidden divs loading their content until they are visible. A good example is the index page of the above link. There is an iframe for the flash animation that changes to a static picture when you resize to a smaller window. If you were to open the site on the smaller window (such as a tablet or mobile for example) it would be better that the iframe were never loaded at all. Any suggestions? Hello! I hope that someone in this forum can help me solve the mystery that has been giving me a headache for two days now. I have a page that has a couple of iframes in it. when I view the page in firefox they show perfectly fine, however when viewed with IE one loads but the second one only shows a blank white page. They reside in a table, and are in a single row of that table. the code looks like this: <tr><td width="535" height="285" colspan="6" bgcolor="#FFFFFF"> <iframe frameborder="0" scrolling="auto" width="535" height="285" src="/members/updates.html"></iframe></td> <td width="5" height="285" bgcolor="#FFFFFF"> <img src="/members/graphics/spacer.gif" width="5" height="285" border="0"></td> <td colspan="2" background="/members/graphics/newsbg.jpg" width="240" height="285" alt="" border="0"><iframe frameborder="0" scrolling="auto" width="240" height="285" src="/members/news.html"></iframe></td> </tr> Is there some reaso that the second one isn't showing? I have two different pages that are designed like this. They look fine in firefox 1.5. IE gives me nothing. Hi, How in HTML can you force a webpage to scroll down to a certain point of the page when the page loads up. Is this possible in HTML. Once it does scroll down to the certain point, I still want to be able to scroll up and down AFTER it has loaded up...is this possible. Can someone please urgently help. Thanks Hi there, my pages are loading wide and then jumpimg down to the size the table is set to be. Does anyone know how i can specify the width of content either through css or the div tag? Thanks in advance! I don't know if this belongs here, because I'm not sure what I would do to do this, but here's my question: Is there any way I can make one webpage load if the IP the user is browsing from is in a certain range, and an alternate page if the user's IP is not part of that range? If so, how do I do this (this method is for a false block page that only appears from certain IPs to discourage folks from further attempting finding what is blocked. Sorta like a puzzleish thing instead of a traditional password - not to be secure, just for the fun of it.) Thank you in advance! hey guys...i've seen the page of sourceforge where, when the page loads...the download of the file generates automatically.... i want the help related to implement that.... can anyone tell me how to do that.... thanks in advance... Need help determining why the below code will load on firefox but not internet explorer. fixed I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. Hello Reader, I am very new at html (so please no CSS) and this is what Im trying to do 1) Have my logo on the far right and the page 2) Put the website name in the centre of the page Ive done a wrap (I think and it seems to be working) the problem is: the website name is not going in the centre of the whole page but the centre of the page from where the logo ends (on the right of the page). So if you look at the company name its not in the centre of the page but in the centre of the page from where the logo ends. I have decided to work with that as it will actually look good with what I want to do - My question is this: If I did want to centre the company name to the middle of the page could I use   (loads of them!) to position it exactly where I wanted on the page and is that good practice? And if not what can I use in its stead?? Any advice will be very much appreciated!!!! Howdie! I created my first homepage - real easy. What are the next steps? I cant understand why people make such a big deal about it. I found it easy. Here it is http://supanerd.blog.homepagenow.com/ Now I want to do one of those great moving cursors with my name rotating around. How can I fix this up? Can any of you guys give me some tips on how to integrate it. Appreciate your help! I was hoping someone would know how to fix this minor problem I have with my title. On the top of the Page where it is in cursive font that says Harmony Dreams, it isn't aligned, and the top and bottom of the sentence seems to be cut off so that you can't see the rest of the sentence... here is my site( it is still in progress): geocities.com/neko_koneko15 And is my HTML source: HTML Code: <script language="JavaScript">var PUpage="76001548"; var PUprop="geocities"; </script><script language="JavaScript" src="http://www.geocities.com/js_source/pu5geo.js"></script><script language="JavaScript"> var thGetOv="http://themis.geocities.yahoo.com/themis/h.php"; var thCanURL="http://us.geocities.com/neko_koneko15/index.htm"; var thSpaceId="76001548"; var thIP="76.186.78.161"; var thTs="1234407390"; var thCs="225e2da6424de1562de125c64d1a78fc";</script><noscript><link rel="stylesheet" href="http://themis.geocities.yahoo.com/jsoff.css?thIP=76.186.78.161&thTs=1234407390"></noscript><script language="JavaScript" src="http://us.geocities.com/js_source/geovck08.js"></script> <!-- text above generated by server. PLEASE REMOVE --> <script>alert("ホノ、、フエ、チ Zz Sweet Dreams zZ")</script> <html> <head> <title>「チharmony dreams。チ「・/title> <style type="text/css"> body { font-family: verdana; color: #02658E; overflow: auto; margin: 0px; padding: 0px; background: url([url]http://cbimg6.com/layouts/09/02/33633ac.png[/url]) repeat-x #0884B5; } td { font-family: verdana; font-size: 9pt; line-height: 20px; text-align: justify; } li { color: #FFFFFF; list-style: circle; margin-left: -5px; } li a:link { color: #1A4550; font-weight: normal; } li a:visited { color: #1A4550; font-weight: normal; } li a:hover { color: #F7F8F9; font-weight: bold; } a:link { color: #F7F8F9; text-decoration: none; font-variant: small-caps; font-size: 9pt; font-weight: bold; } a:link img { border: 0; } a:visited { color: #F7F8F9; text-decoration: none; font-variant: small-caps; font-size: 9pt; font-weight: bold; } a:visited img { border: 0; } a:hover { color: #1A4550; text-decoration: none; border-bottom: 1px dotted; } a:hover img { border: 0; } h1 { font-family: Verdana; font-size: 12pt; text-align: left; line-height: 9px; letter-spacing: -1px; margin: 10px; padding: 5px; border-bottom: 1px dotted; } h2 { background-color: #DBF8FD; font-family: arial, verdana; font-size: 11pt; text-align: center; line-height: 8px; letter-spacing: -1px; font-weight: bold; margin-top: 15px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 0px; } .title{ color: white; position: absolute; left: 50%; top: 70px; margin-left: -200px; font-size: 24pt; font-weight: bold; text-align: left; z-index: 200; opacity: 0.7; filter:alpha(opacity=70); } .subtitle{ position: absolute; left: 50%; top: 100px; margin-left: -210px; font-size: 13pt; font-weight: bold; text-align: left; z-index: 201; opacity: 0.3; filter:alpha(opacity=30); } </style> </head> <body> <center> <table cellpadding="0" cellspacing="0" border="0" width="780" height="100%" valign="top" align="center" bgcolor="#0884B5" style="background-image: url([url]http://cbimg6.com/layouts/09/02/33633ad.png);[/url] background-repeat: repeat;"> <tr> <td valign="top" width="547" style="background-image: url([url]http://i277.photobucket.com/albums/kk62/neskaya/layouts/sleepingpanda/top1.png);[/url] background-repeat: no-repeat;"> <!----------EDIT TITLE----------> <div class="title"><p align="left"></font><font face="edwardian script ITC" size="24" color= "#FFFFFF">HarmonyDreams</a></font></strong></p></div> <div class="subtitle">a sweet little dream...</div> <!----------END----------------> <div style="margin-left: 40px; margin-right: 12px; margin-top: 160px;"> <!-----------MAIN CONTENT-------------> <h1>Neskaya.Net Free Layout: Sleeping Panda</h1> This layout was originally made as a <a href="http://neskaya.net/livejournal_layouts.php">livejournal layout</a> but due to its popularity in LJ, I converted it into a web template. I hope you like it! The panda image is from <a href="http://smilescan.com">Smilescan</a>. Just remember not to remove my credits, thank you. ♥<p> <h1>Download</h1> If you want to download the layout to upload to your own webspace, you must be registered and logged in at the <a href="http://forum.neskaya.net">forums</a>. While you're there, won't you drop in and say hi if you've found the site helpful at all? We love to make new friends. Anyway, once you're logged in, you'll be able to download the layout:<br /> <center><a href="http://forum.neskaya.net/download/file.php?id=63">Download the Layout</a></center><p /> Thank you and have a good day. Go back to <a href="http://neskaya.net">Neskaya.Net</a> for more resources? <div align="right"><a href="mailto:strawbee{at}neskaya.net">♥</a> Strawbee</div><p /> <!---------END MAIN CONTENT----------> </div> </td> <td valign="top" width="233" style="background-image: url([url]http://cbimg6.com/layouts/09/02/33633ae.png);[/url] background-repeat: no-repeat;"> <div style="margin-left: 25px; margin-top: 245px; width: 145px; font-size: 8pt;"> <!----------SIDEBAR CONTENT---------> <h2>Menu</h2> <center><img src="http://cbimg6.com/layouts/09/02/33633aa.gif"></center><p> Yep, this is the sidebar. Write here, place links, or do whatever you want to do! More text more text~ more text more text.<p> <h2>Links</h2> <ul> <li><a href="http://neskaya.net">Neskaya.net</a></li> <li><a href="http://neskaya.net/faq.php">Terms of Use</a></li> <li><a href="http://forum.neskaya.net">Cute Forums</a></li> <li><a href="http://neskaya.net/layouts.php">More Layouts</a></li> </ul> <h2>Category</h2> <ul> <li><a href="http://neskaya.net/emoticons.php">Cute Emoticons</a></li> <li><a href="http://neskaya.net/pixels.php">Kawaii Pixels</a></li> <li><a href="http://neskaya.net/avatars.php">Cute Icons</a></li> <li><a href="http://neskaya.net/quizzes.php">Fun Quizzes</a></li> <li><a href="http://dressupgames.neskaya.net/88x31buttonmaker_bunny.php">Button Maker</a></li> </ul> <!--------END SIDEBAR---------------> </div> </td> </tr> <tr> <td colspan="2" valign="top" width="780" height="200" style="background-image: url([url]http://i277.photobucket.com/albums/kk62/neskaya/layouts/sleepingpanda/bot.png);[/url] background-repeat: no-repeat;"> <div style="margin-left: 200px; margin-top: 62px; width: 450px; font-weight: bold; font-size: 8pt;"> <!----------COPYRIGHT INFO-----------> © <a href="mailto:addicted2pocky2000@yahoo.co.jp">Katie</a> 2009. Layout by <a href="http://neskaya.net" target="_blank">Neskaya</a>.</div> <!-----------------END---------------> <div style="margin-left: 300px; margin-top: 53px;"><a href="http://neskaya.net" title="More free & cute layouts, graphics, quizzes, and more!" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33633ab.gif" width="450" height="40"></a></div></td></tr></table></center></body></html><!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet> <link href="http://us.geocities.com/js_source/div.css" rel="stylesheet" type="text/css"><script language="JavaScript" src="http://us.geocities.com/js_source/div03.js"></script><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1234407390" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001548&t=1234407390&f=us-w85" ALT=1 WIDTH=1 HEIGHT=1> On the top of the Page where it is in cursive font that says Harmony Dreams, it isn't aligned, and the top and bottom of the sentence seems to be cut off so that you can't see the rest of the sentence. please help... Ok, I have a big serious problem. I codded my whole page on Firefox, not on IE or Chrome. So when I use it in Firefox, there is not a problem. When I do it in IE, everything is not in the right position. Then I tried in Chrome. The footer goes beside the sidebar. Is there a certain CSS or HTML code I have to add for it to work in IE or Chrome? I am not using Wordpress, I codded the whole site. If you need to know my site's address, its... http://www.takingtech.com/ So frustrated! Hi I have started building a site a need some help with it my site work in progress is here http://wedding-directory-australia.discovery-web.net/ 1) i want to get the buttons at the top and bottom of the page to not have any space between them and the tabe so the run hard up against the table 2)I have the table border at 0 but thier is still white space between the tabe edge and the photos on the side and top - i was hoping to get the photo so the run to end of the table with no white space 3)also not sure if i am inthe right section for this question but i will try anyway - the buttons at the bottom of the page which designed in fireworks are working correctly but the ones at the top of the page the roll over does not work not sure why or how to fix this ..........thanks in advance for any help Hello, well, this is my firste idea of a site , it is in production with me adding some final touches http://www.wallofskate.bravehost.com/home/home.html one thing i would like to know is HOW CAN I MAKE THE SITE LOAD FASTER, and also be able to make it ONE WHOLE PAGE instead of it being divided, but the INTERACTIVITY HAS to stay right now the whole site is divided into 200 or so .gif images that were exported from adobe fireworks cs3. which were then hyperlinked together in microsoft expression web. Some tips would be much appreciated Your thought would be much appreciated Hi Could anyone help me with some coding probs? I cant see were the problem is occurring. The two divs container and content dont seem to wrapping around the other html variables correctly. If you put a border around content and container and view it you will know what im talking about. I want to put a margin between the footer and the movie. Thanks Please see the URL http://pmbperformance.99k.org/ Hi all, this is my first post. First of all, my website is http://explosions.us.to Right now, whenever you click on something from the "nav" the links stay in the same place like they should. However, I want this to be the new 'about' page. Notice how the "nav" images change because of the added content in the layout cell. Any help on how to fix this is appreciated! I built my web site using NVU. It looks OK when I open it in the Firefox browser but not in IE. Could anyone tell me what is wrong? I know very little about HTML code. Take a look at it in both browsers and you will see what I mean. I would like to for it to work with both browsers. http://www.kentuckybarrels.com Thank you for any assistance. |