|
HTML - My Homepage Works In Safari, Mozilla, Googlechrome, Opera But Not Internet Explorer?
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"); Similar TutorialsHi all! I mainly use the above mentioned three browsers to test my page layouts. I just need to know how I can eliminate most of my inconsistency problems, i.e. pages not looking the same in terms of fonts, alignment etc. across multiple browsers. Is there a way I can check and eliminate these problems quickly? Macromedia Dreamweaver is not an option. I mainly use HTML-Kit to design my sites. See www.agriads.co.za for an example. Hey guys. I'm having a problem regarding a website I'm building for a friend. It displays perfectly fine on Mozilla Firefox, but when a certain page is viewed on Internet Explorer (said page is http://kod.cogia.net/index.php?page=members), it is absolutely messed up. I've inspected the code a few times but cannot come up with a reason why it is like that. The style code is located at " http://kod.cogia.net/includes/style.css ". The code for the members page is (the resulting HTML) can be viewed by looking at the source code of the page. Thanks for any and all help guys! I apologise if I am in the wrong section of the forum, but I'm not sure where it should be. I am at the end of my tether as to why something I do in my new web site using my favoured Mozilla Firefox does not work in Internet Explorer which I know many people use. My web site is www.otrcricket.com On the sponsors page is a link from our Sponsor (Ratcliffe) logo to their web site, it works perfectly in Mozilla but not in IE. Could someone kindly explain what I am doing wrong. I would be grateful for your help. Many thanks Victor This is the first thing that I have ever written, so don't laugh and make derogatory remarks. The code works flawlessly on firefox and safari, but for some reason on internet explorer it doesn't even look remotely similar. So, please, any help I can get is welcomed. Code: <html>
<head>
<title>Theory Productions</title>
<style type="text/css">
body {background-color:000000}
h2 {text-align: center}
h2 {color: #EEFAFA}
h2
{
font: 175% "gill sans"
}
h2
{
line-height: 14pt
}
a:link {color: #FFFFFF; text-decoration: none}
a:visited {color: #FFFFFF; text-decoration: none}
a:hover {text-decoration: none}
a:active {color:#FFFFFF; text-decoration: none}
</style>
</head>
<body>
<span style="position: relative; left: 88px"><img src="logo.gif" width="650px" height="215px"> </span>
<h2><a href="http://www.google.com" target="_blank">Echols</a></p>
<h2>Echols' Concert</p>
<h2><a href="http://www.google.com" onclick="window.open(this.href,'popup','width=720,height=480');return false">Echols' Great Adventure</a>
<h2><a href="EGTS.htm">Echols Goes To School</a>
<h2><a href="http://www.google.com" target="_blank">Adam's Playground Adventure</a></p>
</body>
</html>
Thanks, Adam 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 I am using the following code to embed a flash game into my website: Code: <div id="game-position"> <object data="content/games/stickman-sam-2.swf" type="application/x-shockwave-flash" width="560" height="400"> <param name="ShowStatusBar" value="1" /> <param name="src" value="games/stickman-sam-2.swf" /> <param name="quality" value="high" /> <param name="loop" value="false" /> </object> </div> It works perfectly well on Firefox 3.0.11 but when I try to load the page in Internet Explorer 8 it just shows the flash game as a white square? Does anyone know how I could fix this? Thanks Hi, Is it possible in HTML to have a link that takes you back to the previous page you visited. But here's the catch....i want the back link on my pages to behave exactly as the BACK button in Internet Explorer (hope that makes sense). I have a link on my pages which is this: <font size="2"><a href="javascript: window.history.go(-1)">BACK</a></font> but this works in such a way that if you go to Page1, then Page2, then Page 3, then you click on BACK in page3...that takes you to Page2...if you then click on the BACK link on Page2, it takes you back to Page 3...when in fact I want it to go to Page 1.... Please urgently help. Thanks My site (http://theticketsguide.com) is running fine on Firefox, Chrome, Camino, and Internet Explorer. But on Safari, my site's formatting is off and, curiously, only on the home page. Of note: * The image in the first blog post from the top isn't aligned correctly (should be inside the paragraph, not above it) * In my first blog post, all my text prior to my first link is underlined (wacky!) * The ends of the lines come too close to the margin * My second blog post spills over past the margin * My Recent Posts are pushed all the way to the bottom of my page I noticed that Firefox is correctly reading my .headline_area as an H2, whereas Safari is reading it as an H1. Strangely, if you click on a blog post, the formatting on that page is totally OK. The problem is only on my home page. If you're seeing what I'm seeing, do you have any ideas? Brandon Hi I've just published a rough version of a portfolio site that I am trying to put together, http://www.kos-mediadesign.com Everything looks exactly as it should in firefox and safari but in explorer some of by divs are sticking to the sides of there browser resulting in the layout being messed up. Also a div that contains a link to the homepage (on the logo) seems to have disappeared. Can anyone help me? I need this site finished asap. I used code below to play mp3. Explorer can not play mp3 but mozilla can. What is problem? < A HREF = "MYMP3.MP3".....> OR, <EMBED SRC= "MYMP3.MP3" ...> i have a site that works like charm in firefox but in internet explorer it results to a not found page.Its index page is full of tables and whn i erase some tr it work in internet explorer too I want to fix some of the images and links at fix position on the website on all pages. So i have used Div tag and given position fixed and mentioned the position required for me. It works fine in Chrom, Mozilla but does not works in Internet explorer. I tried all versions of IE from 7 to 9. But it is not looking in same way as it looks in other browsers. You too can visit this url: http://www.arete.in/sgcdesign/practice.html I created this website, http://www.earlyrain.com/jonathan... on my Mac, and it works exactly how I want it in Safari. But, when I go to my mom's PC with 2000 on it (internet explorer 6), the entire page is just random pictures everywhere and looks horrible. Then I can go into Firefox on her PC and the placement of everything works, but some of the pictures won't show up. There's a place for them, but I can't see them. so, I really need some help with the IE problem, seeing as I don't have these problems on my computer... My site looks perfect in all other browsers, but in Internet Explorer (possibly only earlier versions) the alignment of everything is completely off...My blog content appears to the right of the header instead of under it... I validated my code and still no luck, I am stuck! Any help is greatly appreciated! My site is: http://fashion.pocketfullofgold.com THANKS!!! Hi, It seems that a lot of threads of this board are geared towards people having CSS issues in IE, I'm learning how to make websites at the moment and have also noticed this issue. Why have Microsoft not done something about this? I don't understand, it seems like Firefox and other browsers have always been a few years in front of IE over the years, so why won't Microsoft just make a browser compatible with all the latest CSS features, if Firefox can do it I don't understand why Microsoft can't? Is making the browser more update really that difficult? hey im working on a project and when i view the page in firefox the iframe works perfectly. When i view the page in internet explorer the iframe only shows up in the top left corner of the page. Code: <div style="position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#F0FFFF"> </div> <iframe style="position:absolute; left:0px; top:0px; right:0px; bottom:0px" src="http://www.google.com" frameborder="0" scrolling="no"> </iframe> How can i fix this so the iframe is fullscreen in ie like it is in firefox. thx Hi, I'm sorry for asking this question but i just can't seem to find a solution so i thought it might be easier to ask an expert... This is my site design in dreamweaver... click here to see dreamweaver image It looks fine when i use firefox but for some reason in internet explorer it doesn't seem to like me using tables and moves the table right down the page leaving a big gap between the header and the table information.... click here to see in i.e. If anyone has any suggestions how I can fix this it would be much appreciated and save me a lot of headaches. Thanks Adam Hey everyone. I've been working on a site recently and I've run into a couple problems since I'm sort of self-taught and am just getting the hang of some HTML techniques. First of all, I'm having serious format problems with Internet Explorer. My site has a stoplight navigation bar that works fine in FF/Chrome, but when it comes to Internet explorer, it always displays it at the top of the page and moves everything else down . Second, I can't get any doctype validation to work on my website. I've tried strict, transitional and frameset (even though I don't have frames). Whenever I try it, it seems to completely ignore my stylesheet. Anyway, my website is www.avavenue.com. Here's my code for the home page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems.">
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12">
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/Home Page/StoplightBottom.png" alt="">
</div>
<div id="smartboard">
<img src="Images/Home Page/Smartboard.png" alt="">
</div>
<div id="specials">
<img src="Images/Home Page/AprilSpecials.png" alt="Check out our special services for April!">
</div>
<div id="text2">
<img src="Images/Home Page/Text2.png" alt="">
</div>
<div id="avsign">
<img src="Images/Home Page/AVAvenueLeftSign.png" alt="">
</div>
<div id="states">
<img src="Images/Home Page/States.png" alt="">
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="company1">
<img src="Images/Home Page/Company1.png" height="30" width="100" alt="">
</div>
<div id="company2">
<img src="Images/Home Page/Company2.png" height="30" width="100" alt="">
</div>
<div id="company3">
<img src="Images/Home Page/Company3.png" height="30" width="100" alt="">
</div>
<div id="company4">
<img src="Images/Home Page/Company4.png" height="30" width="100" alt="">
</div>
<div id="company5">
<img src="Images/Home Page/Company5.png" height="30" width="100"alt="">
</div>
<div id="flashmovie">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" id="AV_Ave" align="middle">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
</a>
</object>
</object>
</div>
</body>
</html>
and the code for the about us page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems." />
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12" />
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/About Us/StoplightBottom.png"/>
</div>
<div id="smartboard">
<img src="Images/About Us/Smartboard.png"/>
</div>
<div id="specials">
<img src="Images/About Us/AprilSpecials.png"/>
</div>
<div id="avsign">
<img src="Images/About Us/AVAvenueLeftSign.png" />
</div>
<div id="states">
<img src="Images/About Us/States.png" />
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="greenbackground">
<img src="Images/About Us/GreenBackground.png" height="500" width="630"/>
</div>
<div id="aboutusheader" width="250">
<span class="whitetext1 tahoma">Classroom Technology Specialists</span>
</div>
<div id="aboutusparagraph">
<span class="whitetext3 arial">AV Avenue has been specializing in K-12 and Higher Education for nearly 10 years. We provide audio/video equipment sales, systems installations, and services for existing systems. While our focus is in classroom technology, we also offer the following services below:
</span>
</div>
<div id="list1">
<span class="whitetext2 arial underline">Classrooms</span>
<ul>
<li><span class="whitetext2 arial">Projectors</span></li>
<li><span class="whitetext2 arial">SMART Boards</span></li>
<li><span class="whitetext2 arial">Audio Systems</span></li>
<li><span class="whitetext2 arial">Sound Field Systems</span></li>
<li><span class="whitetext2 arial">Control Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Building Wide</span>
<ul>
<li><span class="whitetext2 arial">Video Surveillance</span></li>
<li><span class="whitetext2 arial">Paging</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Cafeteria</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</div>
<div id="list2">
<span class="whitetext2 arial underline">Auditorium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recordings</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Library</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Music Rooms</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Systems</span></li>
</ul>
</div>
<div id="list3">
<span class="whitetext2 arial underline">Gymnasium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Swimming Pool</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Athletic Fields</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
<li><span class="whitetext2 arial">Scoreboards</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Dance Studio</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</div>
</body>
</html>
(cont) I have a bit of a problem with my site. I'm using CSS for my td backgrounds and in some places it works and in some places it doesn't. I am looking at it using the lastest Internet Explorer. I don't get why it is working in some areas and not in others... I'm wondering if someone can help me out and tell me what I'm doing wrong. Here's my webpage.... http://webtvdeluxe.com/home.php . Use Internet Explorer to view it and you'll see what I mean. Please.... Someone help me Hi, Now am developing a site for my company, am using HTML and CSS for site designing. If I view the page in Firefox and IE, Firefox looks correct, but in IE the page looks some extra spaces. Is there any tag (or) code is available to fix this issue.. (or) Please advise me a solution to correct the issue. Thanks for your help in advance. |
|||||||