|
HTML - Works For Safari, Firefox - Not Ie
Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated!
Domain: www.drewandjess.net Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!-->
<script type="text/javascript"><!-->changes title bar to match title on current page in frame<!-->
function changeTitle()
{
if (top.frames['main'].document.title)
{
top.document.title=top.frames['main'].document.title;
}
}
</script>
</head>
<frameset>
<frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!-->
<noframes>
<body>
If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox.
</body>
</noframes>
</frameset>
</html>
Similar TutorialsHi, Im trying to develop a simple HTML interface for virtual tours but I cant get the site to look the same in all browsers. The problem comes when I view the page in IE. I want the bottom table to only be the length of the window as done in both safari and firefox. My site can be viewed on: http://www.fullvisual.com/informatic...tual_tour.html why doesn't the width=100% work? Thanks http://www.ptacnik.com/index102.html When previewing through Dreamweaver in ANY of these 3 browsers it looks fine. (from my local drive) But once online it only loads in Firefox. Is there something fishy with the frames perhaps? missing an XML doc on my end? I can't figure out what is causing this. Any help would be very much appreciated. http://www.ptacnik.com/nav1.html is the top frame and the list below are the frames loaded under nav1. http://ptacnik.com/about101.html http://ptacnik.com/design.html http://ptacnik.com/illustration.html my problem is ie and its padding, ie has add a 4px padding at the bottom of the of the image but in safari and firefox there is no padding. here is the url so u understand what i mean http://nathanoconnor.co.uk/gilbertelectrical/site/ http://www.yandina.com/JIndex.htm Open in Firefox, Chrome or Safari - - - that is what it is supposed to look like. Open in IE and the last table get overlaid on top of the previous table. What sort of things can cause that? Additional (unrelated I think) problem, IE is not accessing cookies but others are fine. What can cause that? My site here is working in FF v3.5.9 but when I just recently loaded it in Safari and Chrome the page just doesn't work. I don't understand why because I developed it and tested it when using Safari and Chrome is built on Webkit too. http://www.meta.projectmio.com/sss.html It seems like a recent thing, but it still works in FireFox so I don't know what's going on? Any ideas? Just wondering if there are some issues with IE7 handling iframe content. The initial iframe source page was loaded up fine. However, an attempt to reload the same content page by targeting it from an HTML form on the same main page doesn't work. It's structured like below. The same page works fine in IE8 and Safari. Any clues? Main Page -> <iframe name="frame" id="frame_id" src="abcd.html"></iframe> -> <form id="buttonform" name="buttonname" method="post" action="abcd.html" target="frame"> The following webpage uses an a href to turn the chunk of java code into a link to the bottom of the page, while this works in Safari it doesn ot in FireFox v2/3 (I have not got IE, can somebody confirm). How can I make the java applet link work under FF? http://lovelago.googlepages.com/java_button_2.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><!-- charset must remain utf-8 to be handled properly by Processing -->
<meta http-equiv="content-type" content="text/html; charset=utf-8"><title>java_button_eg : Built with Processing</title>
<style type="text/css">
/* <![CDATA[ */
body {
margin: 60px 0px 0px 55px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
background-color: #ddddcc;
text-decoration: none;
font-weight: normal;
line-height: normal;
}
a { color: #3399cc; }
a:link { color: #3399cc; text-decoration: underline; }
a:visited { color: #3399cc; text-decoration: underline; }
a:active { color: #3399cc; text-decoration: underline; }
a:hover { color: #3399cc; text-decoration: underline; }
/* ]]> */
</style></head><body>
<a href="#Bottom"> <div id="content">
<div id="java_button_eg_container">
<!--[if !IE]> -->
<object classid="java:java_button_eg.class" type="application/x-java-applet" archive="java_button_eg.jar" standby="Loading Processing software..." height="100" width="100">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="outer">
<!--<![endif]-->
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab" standby="Loading Processing software..." height="100" width="100">
<param name="code" value="java_button_eg">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="inner">
<p>
<strong>
This browser does not have a Java Plug-in.
<br>
<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
Get the latest Java Plug-in here.
</a>
</strong>
</p>
</object></a>
<!--[if !IE]> -->
</object>
<!--<![endif]-->
</div>
<p>
</p>
<p>
Source code: <a href="http://lovelago.googlepages.com/java_button_eg.pde">java_button_eg</a>
</p>
<p>
Built with <a href="http://processing.org/" title="Processing.org">Processing</a>
</p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="Bottom">Bottom</a>
</body></html>
I am designing a page w/ a horizontal menu and CSS (added in header). For some reason, IE7 dislikes what I am doing (the HOVER doesn't seem to be working...) but it works fine in Opera, FF and Safari . . Perhaps one of the pros here can take a look under the hood? I've been at it for hours and can't seem to find the bug(s)... http://www.huntandfishnj.com/Sterling-G/ Thanks and Best wishes, Xex Hi, I need some help please? I have bought/made a simple html page on internet. The problem is that when i uploaded it to my ftp server which is on www.one.com and tried it in IE it did not work as it should. It works perfectly in any other webbrowser like Safari, Mozilla, GoogleChrome, Opera. Why not IE? Is there anybody out there who can help me? Somebody please tell me what's wrong? Best regards Pete index.html HTML Code: <!DOCTYPE html>
<html lang="en">
<head>
<title>RUSSEUKEN.no</title>
<meta charset="utf-8">
<meta name="description" content="Russeuken">
<meta name="keywords" content="russ, russefeiring, bergen, uken, russeuken, norge, 17. mai, fest ">
<meta name="author" content="Russeuken">
<[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><[endif]>
<[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><[endif]>
<[if lt IE 7]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><[endif]>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link href="css/jbgallery-2.0.css" id="jbgallery-css" rel="stylesheet" media="javascript-screen" />
<!-- styles for prettyPhoto -->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_900.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400r.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script src="js/jbgallery-2.0jbgallery-2.0.js" type="text/javascript"></script>
<script type="text/javascript"><!--
jQuery(document).ready(function(){
jQuery(".jbgallery").jbgallery({
menu : "numbers",
style: "zoom",
slideshow : true,
caption : false
});
});
--></script>
</head>
<iframe id="ytplayer" type="text/html" width="0" height="0" hidden="1" src="http://www.youtube.com/embed/BpJhT4yzWyo?autoplay=1" frameborder="0"/></iframe>
<body>
<div class="extra"></div>
<div class="extra1">
<div id="main">
<!-- header -->
<header class="head">
<div class="jbgallery">
<ul>
<li><a href="images/1.jpg"> </a></li>
<li><a href="images/4.jpg"> </a></li>
<li><a href="images/2.jpg"> </a></li>
<li><a href="images/3.jpg"> </a></li>
<!--<li><a href="images/5.jpg"> </a></li>-->
</ul>
</div>
<div class="block-2">
<div class="logo"><a href="http://www.exodus.no"><img src="images/logo.png" alt=""></a></div>
<nav>
<ul class="sf-menu">
<li><a href="russeuken.html">RUSSEUKEN</a></li>
<li><a href="arrangement.html">PROGRAM2012</a></li>
<li><a href="russ.html">RUSS</a></li>
<li><a href="bilder.html">BILDER</a></li>
<li class="last"><a href="kontakt.html">KONTAKT OSS</a></li>
</ul>
</nav>
</div>
<div class="text-1">change bg</div>
</header>
</div>
<!-- footer -->
<footer>
<div class="container">
<div class="indent">
<div class="wrapper">
<div class="fright">
<span>RUSSEUKEN.no</span> © 2012
</div>
<div class="fleft"><!-- {%FOOTER_LINK} --></div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
ie_style.css Code: .link-1,.link-2,.block-1,.block-2,.sf-menu a:hover,.sf-menu a.current,.sf-menu a,.content-box,.main-banner,.sf-menu li ul,#advanced{behavior:url(js/PIE.htc); z-index:100;}
.link-1,.link-2,.block-1,.block-2,.content-box,.main-banner,.content-box,.content-box-1{behavior:url(js/PIE.htc); z-index:100; position:relative}
ie7.css Code: /* IE7 specific styles */
#constuction-box {display:inline;}
#intro-box {display:inline;}
.tabs code { overflow:visible !important;}
#contact-form { height:580px;}
.block-1{behavior:url(js/PIE.htc); z-index:100; position:relative}
html5.js PHP Code: // Create new HTML5 elements =================================================== // ----------------------------------------------------------------------------- // This script should load before any others. We want the new elements to be // parsed before pretty much anything happens. // Plus, IE does not behave otherwise. The cost of being progressive... // ----------------------------------------------------------------------------- document.createElement("article"); document.createElement("aside"); document.createElement("audio"); document.createElement("canvas"); document.createElement("command"); document.createElement("datalist"); document.createElement("details"); document.createElement("embed"); document.createElement("figcaption"); document.createElement("figure"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("keygen"); document.createElement("mark"); document.createElement("meter"); document.createElement("nav"); document.createElement("output"); document.createElement("progress"); document.createElement("rp"); document.createElement("rt"); document.createElement("ruby"); document.createElement("section"); document.createElement("source"); document.createElement("summary"); document.createElement("time"); document.createElement("video"); I have a simple slide over menu for navigation in a div. Safari and Firefox both work. ON IE it's shifted over to the right a little more and the slide over menus wont appear. Any options? Hi, I have a site that loads fine on Chrome and IE. Don't see a section of it on Safari or Firefox. Page comes up blank. its supposed to show flash object. The site is kidsooda.com The section page that does not work in Safari and FF is kidsooda.com/inside/#/contact If you have any ideas I'd really appreciate it. THANK YOU !! Solved by myself. Hello, stuck again!!! Right well i have an swf file and it's playing fine in safari but not in firefox - the place where it's supposed to be is just blank. Any ideas? http://www.absolute-websites.com/portfolio#animation Here is the code: HTML Code: <object id="peepShow" type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" data="video/peep_show.swf" width="550" height="400"> <param name="movie" value="video/peep_show.swf" /> <param name="quality" value="high"/> </object> The opening page for a site I am developing does not display correctly in Safari or Chrome, but does in Firefox and IE7. It passes the w3c validation. Not sure what I have missed? site Todd I am a graphic designer which is almost a complete idiot about web design, i have some problem making a web site. While i try to open my web site in FIREFOX and IE it does not work. (while safari works well) the existing link is www.sindysindy.com when i click the targeted link on the top buttons (about&contact) it open up a new pop up page. I names the top frame as TOP, the bottom two named "menu" on the left and "mainframe" on the right. While clicking buttons on the "TOP" frame would show other buttons in menu targeting things to show up in "mainframe" i have already done a web site days ago and i am trying to redo it now : ( would be really really grateful if you can help Thank you very much indeed! The following are the codes: ****ALL FRAMES**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****TOP**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****mainframe**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****menu**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> Hi Everyone- I'm hoping someone out there might be able to solve a problem I've been having with my site for a number of years. The site was designed for IE but with the growing popularity of Firefox and Safari (to name a few), I want to insure that it works properly with those browsers. For the most part, it does -- except when displaying a background image in a table. For example - look at this page: http://www.cygnus-x1.net/links/rush/...anentwaves.php When viewed in I.E., the grey background image with the woman displays properly, as does the full image of the album cover within. However when viewed in Firefox or Safari, the background image repeats near the bottom for about 20 pixels. The problem also exists on a page like this one: http://www.cygnus-x1.net/links/rush/lyrics.php Where the brown background image which includes the words "Rush Lyrics" displays properly in I.E. but seems to repeat for 20 pixels in FF. This one's been driving me crazy for years and, due to some recent changes I've been making, it's come back to haunt me. If anyone has any suggestions as to why this is happening and what I can do to remedy it, I would greatly appreciate it... Thanks so much. Okay well I have a bit of a problem... it's not major but it's enough to annoy a perfectionist. On my website I have set up a table (100% wide) with three columns in, the middle column is 700px wide. (I presumed this would balance out the two side columns placing the middle column in dead center. It does(ish). I am guessing this might be a way that is frowned upon but, I am thinking of adding extra little bits of info in them outside columns later on... In safari (my main browser) it works fine and places it exactly however, in firefox (on mac) there is a slight one pixel nudge to the right which stands out significantly. (In fact, it was the first thing I noticed!) The background image is obviously the problem but this seems like the only route as I have found this error half way down the line and I do not want to go back and do a load of HTML code editing! Screenshots below: Firefox: http://img231.imageshack.us/img231/5249/picture7mfq.png Safari: http://img219.imageshack.us/img219/4269/picture6kpd.png Is there any possible fix to this solution? Only logged in users can see this page so I could store a users screen width in a $_SESSION variable using PHP and then adjust this on each page? Just an idea I thought of but I doubt... any help is highly appreciated!!!!!! P.S: I have not tested in IE yet... I will in a minute... UPDATE //////////////////////////////// I just tested it in Firefox on Windows Vista.... there was no problem. And as for Internet Explorer.. everything is fine.. My site works in Firefox and Safari just like I want it to, but when IE tries to read it, the divs and images get spaced out and wrapped around AND it is not centered on the page like it should be... what is my coding flaw? www.nativboardriding.com check it out in firefox or safari to see how it SHOULD be displayed, then open it with IE. Thanks, Levs Hi, I am new to this borad, hope someone good at HTML can help me. I am building a website www.blazeauto.co.uk/shop/ there is a problem with the navigation menu. It work perfects in Firefox and Safari but not in IE. The following are the code I use. <ul id="mainmenu-nav"> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=1" class="txtDefault">Test Category</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=2" class="txtDefault">Level1</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=4" class="txtDefault">Level2</a></li> </ul> <ul class="ul-nav" <li class="li-nav"><a href="index.php?act=viewCat&catId=5" class="txtDefault">Level3</a></li> </ul> </ul> And this is the CSS code .li-nav a{ font-size: 14px; width: 150px; display: block; text-indent: 2px; font-family: "Trebuchet MS", Verdana, Arial; color: #000000; text-decoration:none; font-weight: bold; background-image:url(/shop/img/linkout.gif); } .li-nav a:hover{ width: 150px; display: block; text-indent: 2px; font-family: "Trebuchet MS", Verdana, Arial; color: #FFFF00; text-decoration:none; background-color: #0066FF; background-image:url(/shop/img/linkover.gif); ----------------------- Can anyone tell me what is wrong? I have been trying for two days with no luck. Thanks Per |
|||||||