|
HTML - Website Works In Safari And Firefox But Not Ie
Hi,
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 Similar TutorialsHello, 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>
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? 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"> 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? 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"); Anyone know what the problem is. My website works perfect in internet explorer. But when I type in the web address in safari, the page loads all the code, not the website. I'm guessing it has something to do with this 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"> Any suggestions? Is it this or something else maybe? I'm struggling to figure this one out! My index.php opens about half way down the page in Safari on macs (both 3.1 and tested in v2). It appears at the proper top position in Firefox, Opera and IE5 (all on mac - don't have access to Windows until tomorrow). The site is www.betterfootball.co.uk I only noticed it after google analytics had been implemented but it might have been this way for a little while before (I use IE5 and Firefox 3 whilst building site). It's almost like a rogue anchor point has been inserted. Please, any ideas? there is my code. any reason why it looks good in chrome/safari but it looks bad in mozilla? in mozilla it has a bunch of lines going through it and the images are all seperated. any help would be much appreciated. Thanks, George 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>share</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
body {
background-color: #ffffff;
background-image: url(../background-for-website.png);
background-repeat: repeat-x;
}
#apDiv1 {
z-index:1;
}
</style>
</head>
<body>
<!-- Save for Web Slices (share.psd) -->
<center>
<table id="Table_01" width="792" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img id="share_01" src="images4/share_01.png" width="791" height="155" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="155" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="share_02" src="images4/share_02.png" width="791" height="137" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="137" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="share_03" src="images4/share_03.png" width="791" height="142" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="142" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img id="share_04" src="images4/share_04.png" width="544" height="70" alt="" /></td>
<td> <div class="apDiv" id="apDiv"><a href="http://www.facebook.com/sharer.php?u=https://www.facebook.com/pages/itunes-cards-for-free/200510223345141" target="_blank">
<img id="share_05" src="images4/share_05.png" width="137" height="21" alt="" />
</a></div> </td>
<td rowspan="4">
<img id="share_06" src="images4/share_06.png" width="110" height="257" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="21" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img id="share_07" src="images4/share_07.png" width="137" height="236" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="49" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img id="share_08" src="images4/share_08.png" width="319" height="187" alt="" /></td>
<td><a href="../page 5/redeem.html"><img src="images4/button.png" onmouseover="this.src='images4/button-3.png'" onmouseout="this.src='images4/button.png'"/></a>
</td>
<td rowspan="2">
<img id="share_10" src="images4/share_10.png" width="75" height="187" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="30" alt="" /></td>
</tr>
<tr>
<td>
<img id="share_11" src="images4/share_11.png" width="150" height="157" alt="" /></td>
<td>
<img src="images4/spacer.gif" width="1" height="157" alt="" /></td>
</tr>
</table>
</center>
<!-- End Save for Web Slices -->
</body>
</html>
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 !! 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? I have attatched my website, the iframes work well in firefox but not in Internet Explorer can you please look at my code and help me =] or fix it for and explain how you did itme because im not very good with code. Thanks. Solved by myself. 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 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> 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 |
|||||||