|
HTML - Internet Explorer Not Showing Page Correct
Hi,
I have a problem with my website. I have been using Firefox as testbrowser when I developed my site, and when IE users open the site it is shown differently. Have a look at these screenshots: http://www.senate.dk/debug/clean_firefox.jpg http://www.senate.dk/debug/clean_internet_exploder.jpg The problem speaks for itself and you can see in the filename which browser was used. Don't mind the white bars, I have just drawn them to hide some information. I use basic html image maps to create the links for the menu, and the problem occurs after these are added. As the website is written in php, the HTML code is generated by the server. These files contains the generated code: http://www.senate.dk/debug/clean_firefox.txt http://www.senate.dk/debug/clean_internet_exploder.txt If you compare the two files, you will find that they are equal, so why does IE not show it correctly when Firefox does? Obviously there must be a bug in my HTML code, but where? Can anyone help? If I know where it is in the HTML file I can correct it in my PHP file. Similar TutorialsI was having some problems with my website viewing improperly in Internet Explorer, but properly in Mozilla and vice versa. Here's the website: http://aspekt.blogdns.com/AHS/layout2/index2.php As you see, the navigation bar is off in Firefox but right in Internet Explorer, and the main content box (where the loreum ipsum is) is a tad bit lower than the right blocks. If anyone can explain where the problem is it would be greatly appreciated. Hi guys and thanks for reading my post. I am a novice HTML web developer so everything is new to me. Recently I've been really frustrated with IE's script blocking feature. I have been using onmouseover feature that triggers the buttons to change image. I have the script all working and tested in FrontPage, however, any time I go to view the web page, Internet Explorer gives me that little message saying: "To help protect your security, Internet Explorere has restricted this file from showing active content that could access your computer. Click here for options..." I have gone to other web sites which use plenty of onmouseover feature however, and I don't get this message. How are they doing it??? Is there a way to tell IE that the script is harmless or something? Am I using some method that IE says is dangerous? Anyway this is my code <a href="index.html" onmouseover="image0.src='HomeA2.jpg'" onmouseout="image0.src='Home.jpg'"> <img src="Home.jpg" name="image0" border="0" height="42" width="120" alt="Tell A Friend"></a> Anything i can change to prevent IE from blocking it? Please advice me. Greatly Appreciated. Thanks for reading anyway. When I go to certain pages on my website, i get this error: Internet Explorer cannot open the Internet site http://<Web site>.com. Operation aborted. What does this mean and how do I fix it, I have read that google API can cause it but I have tried those fixes, then sitemeter.com additions to the restricted zones. Here is my page code: Code: <?php require('includes/page_elements/param_check.php'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="meta" href="http://thegayestwebsiteever.com/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://thegayestwebsiteever.com" r (n 3 s 3 v 0 l 2 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0) gen true for "http://www.thegayestwebsiteever.com" r (n 3 s 3 v 0 l 2 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Title Goes Here</title>
<META name="description" content="descriptsion goes here">
<META name="keywords" content="keywords goes here">
<META name="y_key" content="0d1a89d01da31b4d" >
<!-- img lightbox
<script type="text/javascript" src="js/prototype.js" defer="defer"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder" defer="defer"></script>
<script type="text/javascript" src="js/lightbox.js" defer="defer"></script>
phpmyvisites
<a href="http://www.phpmyvisites.net/" title="Free web analytics, website statistics"
onclick="window.open(this.href);return(false);"><script type="text/javascript" defer="defer">
<!--
var a_vars = Array();
var pagename='';
var phpmyvisitesSite = 1;
var phpmyvisitesURL = "http://www.thegayestwebsiteever.com/stats_script/phpmyvisites.php";
</script>
<script language="javascript" src="http://www.thegayestwebsiteever.com/stats_script/phpmyvisites.js" type="text/javascript" defer="defer"></script>
<object><noscript><p>Free web analytics, website statistics
<img src="http://www.thegayestwebsiteever.com/stats_script/phpmyvisites.php" alt="Statistics" style="border:0" />
</p></noscript></object></a>
<!-- /phpmyvisites -->
<!-- videobox -->
<!--<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>-->
<!-- stylesheets -->
<link rel="stylesheet" href="css/simple.css" type="text/css" />
<link rel="stylesheet" href="css/global_navi.css" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/loginmodule.css" type="text/css" />
<!-- please check the linked css for additional styles. -->
<!-- CONTENT DOES NOT GO ON THIS PAGE! please edit the files in includes/content for actual content-->
<!-- Movie Gallery Popup Script -->
<script type="text/javascript" defer="defer">
window.onload=function()
{
var opts=['uriList1','uriList2','uriList3','uriList4','uriList5','uriList6','uriList7','uriList8','uriList9','uriList10','uriList11','uriList12','uriList13']; // Place in this array the ID of those drop down
for(var i=0;i<opts.length;i++)
{
document.getElementById(opts[i]).onchange=function()
{
if(this.value!='')
// Open new window. Set the preferences of your desire
window.open('http://www.thegayestwebsiteever.com/phptest/includes/content/members/mov/'+this.value+'','mywin','height=600,width=600');
}
}
}
</script>
<!-- -->
</head>
<body>
<table id="content" cellspacing="0" cellpadding="0" width="953" align="center">
<tr>
<td id="header">
<img height="84" width="953" border="0" alt="kiwi.png (908 bytes)" src="img/aurora_banner3.jpg" align="center"/>
<img width="953" alt="The reflection" src="reflect_v3.php?img=phptest/img/aurora_banner3.jpg" align="center"/><!--<img width="953" height="84" alt="Welcome to The Gayest Website EVER" alt="banner" src="img/aurora_banner3.jpg" /><img width="953" alt="reflection" src="reflect_v3?img=img/aurora_banner3.jpg" />-->
</td>
</tr>
<tr valign="top">
<td id="contentwrap" valign="top">
<?php include('includes/content/content_conditions.php'); ?>
</td>
</tr>
<tr valign="bottom">
<td id="adspace" align="center">
<?php include ("includes/page_elements/rotator.php"); ?>
</td>
</tr>
<br /><br />
<tr id="footer">
<td>
<?php include('includes/page_elements/footer.php'); ?>
</td>
</tr>
</table>
<br /><br />
</body>
<!-- Google Analytics -->
<script type="text/javascript" defer="defer">
defer="defer" var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" defer="defer">
defer="defer" var pageTracker = _gat._getTracker("UA-6170382-1");
pageTracker._trackPageview();
</script>
</html>
Thanks for the help guys. Need help determining why the below code will load on firefox but not internet explorer. fixed 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 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!!! 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... 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? 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 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 hi everyone i m using this code to insert mpg file in xhtml. <object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,0,0" width="200" height="200"> <param name="src" value="Jogi.mpg" /> <param name="BGCOLOR" value="#FF0000" /> <embed src="Jogi.mpg" width="200" height="200" pluginspage="http://www.macromedia.com/shockwave/download/" bgcolor="#FF0000" autostart="true"></embed> </object> i m testing this offline. This code works fine and shows video fine in firefox but does nothing in internet explorer 6. i have shockwave player installed both in firefox and internet explorer. why is it. vineet Hi all, I'm have a problem with my mouse over buttons. They work under FireFox, but they don't with IE, DAMN IE! Can someone take a look at my code? It's about the "BUY", "INFO" and "CONTACT" buttons. HTML 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>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META name="author" content="-">
<META name="copyright" content="© -">
<META name="keywords" content="-">
<META name="date" content="2008-11-11T00:45:00+00:00">
<TITLE>Artmania Art Galleries</TITLE>
<link REL="shortcut icon" HREF="icon.ico" > <!-- Icon in the address bar -->
<SCRIPT TYPE="text/javascript" SRC="rip.js"></SCRIPT> <!-- Anti rip java script -->
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function change_all()
{
parent.main_frame.location="main.php";
parent.right_frame.location="paintings.php";
}
//-->
<!--
function change_buy()
{
parent.main_frame.location="main.php";
parent.right_frame.location="buy.php";
}
//-->
<!--
function change_info()
{
parent.main_frame.location="main.php";
parent.right_frame.location="paintings.php";
}
//-->
<!--
function change_contact()
{
parent.main_frame.location="main.php";
parent.right_frame.location="contact.php";
}
//-->
</script>
<script language="javascript">
function ShowPic(sImage)
{
sImage = sImage ; document.ShowRoom_buy.src = sImage;
}
function ShowPic2(sImage)
{
sImage = sImage ; document.ShowRoom_info.src = sImage;
}
function ShowPic3(sImage)
{
sImage = sImage ; document.ShowRoom_contact.src = sImage;
}
</script>
</HEAD>
<!-- Background color of the webpage -->
<BODY BGCOLOR="#FFFFFF">
<!-- The background image build out of 25 images, put into a TABLE -->
<TABLE ID="TABLE_01" STYLE="position:absolute; top:7px; left:7px; overflow:auto" WIDTH="1000px" HEIGHT="700px" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>
<IMG SRC="images/layout_01.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home"></TD>
<TD>
<IMG SRC="images/layout_02.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home2"></TD>
<TD>
<IMG SRC="images/layout_03.gif" WIDTH="200" HEIGHT="140" BORDER="" ALT="" USEMAP="#home3"></TD>
<TD>
<IMG SRC="images/layout_04.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_05.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_06.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_07.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_08.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_09.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_10.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_11.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_12.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_13.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_14.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_15.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_16.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_17.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_18.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_19.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
<TD>
<IMG SRC="images/layout_20.gif" WIDTH="200" HEIGHT="140" ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout_21.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_buy" USEMAP="#buy"></TD>
<TD>
<IMG SRC="images/layout_22.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_info" USEMAP="#info"></TD>
<TD>
<IMG SRC="images/layout_23.gif" WIDTH="200" HEIGHT="140" BORDER="0" ALT="" ID="ShowRoom_contact" USEMAP="#contact"></TD>
<TD>
<IMG SRC="images/layout_24.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD>
<TD>
<IMG SRC="images/layout_25.gif" WIDTH="200" HEIGHT="140" ALT="" ></TD>
</TR>
</TABLE>
<!-- rectangle links with the coordinates -->
<MAP NAME="home">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="46, 35, 200, 72" href="javascript:change_all()">
</MAP>
<MAP NAME="home2">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 200, 112" href="javascript:change_all()">
</MAP>
<MAP NAME="home3">
<AREA shape="rect" ALT="Artmania Art Galleries" COORDS="0, 35, 195, 112" href="javascript:change_all()">
</MAP>
<MAP NAME="buy">
<AREA onMouseOver="ShowPic('images/layout2_21.gif')" onmouseout="ShowPic('images/layout_21.gif')" shape="rect" ALT="buy" COORDS="52, 30, 142, 57" href="javascript:change_buy()">
</MAP>
<MAP NAME="info">
<AREA onMouseOver="ShowPic2('images/layout2_22.gif')" onmouseout="ShowPic2('images/layout_22.gif')" shape="rect" ALT="info" COORDS="58, 30, 148, 57" href="javascript:change_info()">
</MAP>
<MAP NAME="contact">
<AREA onMouseOver="ShowPic3('images/layout2_23.gif')" onmouseout="ShowPic3('images/layout_23.gif')" shape="rect" ALT="contact" COORDS="65, 30, 155, 57" href="javascript:change_contact()">
</MAP>
<!-- The FRAMEs where the main text, slogan and paintings are displayed -->
<DIV STYLE="position:absolute; top:187px; left:57px; WIDTH:510px; HEIGHT:230px">
<IFRAME NAME="main_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="230" WIDTH="510" SRC="main.php" ID="main_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:191px; left:617px; WIDTH:315px; HEIGHT:432px">
<IFRAME NAME="right_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="432" WIDTH="315" SRC="paintings.php" ID="right_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:466px; left:60px; WIDTH:499px; HEIGHT:81px">
<IFRAME NAME="slogan_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="81" WIDTH="499" SRC="slogan.php" ID="slogan_frame"></IFRAME>
</DIV>
<DIV STYLE="position:absolute; top:675px; left:405px; WIDTH:200px; HEIGHT:30px">
<IFRAME NAME="copyright_frame" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="0" HEIGHT="30" WIDTH="200" SRC="copyright.php" ID="copyright_frame"></IFRAME>
</DIV>
</BODY>
</HTML>
Hey, Recently I've been coding the research group webpage for work. I used standard HTML 4.01 and CSS, which all verified perfectly with W3C, but for some reason IE is throwing a proper hissy fit! Whatever other browser I use (Firefox, Safari, Opera, and Google Chrome) it works fine, but IE doesn't seem to see the base properly so all my image and style file subdirectories aren't found. Here's a few lines from the header where I define the stuff of interest: HTML Code: <title>Mark E Vardy - Summary</title> <base href=""> <link rel="stylesheet" media="all" type="text/css" href="css/layout.css"> <link rel="stylesheet" media='all' type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> Anyone any ideas? http://www.dishonor-elite.com/Trashy/screencap1.jpg if you look at the link it says it all, i paid for someone to code my website and they kinda just left me hanging, so if anyone can help me with this one problem i would be very very thankful, your friend from new orleans, John Ruckler 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. Hi Experts, I have a page which has a small toolbar and an Iframe. Somehow I am getting a weird white space between the header and the rendered Iframe (Chart in the snap shot). An expert here on EE told me about box model bug and that it can be be fixed by DOCTYPE declaration. Luckily It got fixed but only on IE7, I want it to work on IE6. Can you please suggest me a way to get rid of this white space? I have attached my code, snapshot and stylesheets used in this page Code:
<%@page language="java" import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>View Detail</title>
<script type="text/javascript" src="/analytics/static/zoom/jquery.js"></script>
<script type="text/javascript" src="/analytics/static/zoom/thickbox.js"></script>
<link rel="stylesheet" href="/analytics/static/zoom/thickbox.css" type="text/css" media="screen" />
<style type="text/css">
@import url("/analytics/static/styles/intranet.css"); /* main stylesheet */
@import url("/analytics/static/styles/intranet-2col.css"); /* column stylesheet */
@import url("/analytics/static/styles/intranet-2col-1024.css"); /* 1024px stylesheet */
</style>
<link rel="shortcut icon" href="../jsp/favicon.icon" />
</head>
<body>
<div id="page-wrapper"><%@include file="Header.jsp"%>
<div id="column-wrapper"><!-- begin columns -->
<%@include file="NEW_TOOLBAR.jsp"%>
<div id="content"><!-- begin content column -->
<div class="inner">
<iframe src="chart.html?chartType=${detailForm.chartType}&chartGroup=${detailForm.chartGroup}&chartSubgroup=${detailForm.chartSubgroup}&liabilityCode=IRU&timeline=${detailForm.timeline}&width=600&height=400" frameborder="0" scrolling="no" width="700" height="430" align="top"></iframe>
<!-- end content column, then column wrapper --></div>
</div>
<%@include file="Footer.jsp"%></div>
</body>
</html>
Hey guys, My company is building this website and it seems like we're having quite a bit of trouble with the rollovers and their alignment in Internet Explorer versions before 7. It would be awesome if any of you could give us some insight as to why (other than asking customers to upgrade their explorer or switching to firefox). Another thing is the portfolio section is falling a little too far below the title for a designer's comfort (we're a graphic design studio... not web experts).... how might I be able to fix it? I want to thank everyone who's helped us in the past and hope someone can help us again! Theia |
|||||||