Site looks horrible in Internet Explorer

Hi,
New to the forums and to dreamweaver. Just got finisted designing my site. Tested it on firefox and safari.... looks great, however horrible on interenet explorer. If any one could help it would be much appreciated it. Pasted the code below.
Thank you!
<!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" />

<title>The Salty Surfer Home Page</title>

<style type="text/css">
body {
     background-color: #f9e6bb;
     margin: 0px;
     padding-left: 0px;
     float: none;
     clear: none;
     background-image: url(../blank-old-paper-.png);
     background-attachment: scroll;
     background-repeat: no-repeat;
.header {
     font-size: 55px;
     float: right;
     clear: both;
     top: auto;
     padding-right: 0px;
     padding-left: 0px;
     margin-top: -40px;
     margin-bottom: -15px;
body,td,th {
     font-family: "CheltPress Trial";
     color: #3D0907;
     background-image: url(../blank-old-paper-.png);
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-position: center -85px;
     padding-top: -25px;
.footer {
     text-align: center;
     height: 75px;
     width: 1200px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding: 0px;
     clear: both;
     float: none;
.sidebar {
     clear: none;
     float: left;
     height: 700px;
     width: 275px;
     margin-top: 0px;
     margin-right: 75px;
     margin-left: 0px;
     padding-right: 25px;
     padding-left: 25px;
     border-top-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
     top: 0px;
.align-right {
     float: right;
     margin-right: 25px;
.container {
     width: 1100px;
     margin-right: auto;
     margin-left: auto;
     margin-top: 0px;
     float: none;
     clear: both;
.clear {
     clear: both;
.content {
     float: none;
     clear: none;
     height: 700px;
     width: 1200px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
.align-left {
     clear: none;
     float: left;
</style>


<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-5832942-2']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body onload="MM_preloadImages('../thread-button-big.png','../ethos-big.png','../tribe-big.png','../spy-the-designs-button.png')">
<div class="container">
<div class="header">
    <p class="header">. </p>
    <p><img src="../surfer-header-dw3.png" alt="surfer header" width="973" height="264" class="header" /></p>
    <p><br class="clear" />
</div>
<div class="sidebar">
    <p><a href="t-shirt page.dwt" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('the t-shirts','','../spy-the-designs-button.png',1)"><img src="../t-shirts-small.png" alt="the t-shirts" name="the t-shirts" width="250" height="142" border="0" id="the t-shirts" /></a></p>
    <p><a href="the threads page.dwt" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('thread button','','../thread-button-big.png',1)"><img src="../thread-button-small.png" alt="the threads" name="thread button" width="250" height="142" border="0" id="thread button" /></a></p>
    <p><a href="the ethos page.dwt" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethos button','','../ethos-big.png',1)"><img src="../ethos-small.png" alt="the ethos" name="ethos button" width="250" height="142" border="0" id="ethos button" /></a></p>
    <p><a href="the tribe page.dwt" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tribe button','','../tribe-big.png',1)"><img src="../tribe-small.png" alt="the tribe" name="tribe button" width="250" height="142" border="0" id="tribe button" /></a></p>
    <p> </p>
</div>
<div class="content">
    <p> </p>
    <p><img src="../salty-animation-2.gif" alt="salty animation" width="500" height="500" class="align-left" /></p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div class="footer">
    <p><a href="terms of use and privacy and security.dwt"><span class="content"></span></a><span class="content"><a href="http://www.facebook.com/pages/The-Salty-Surfer-Co/158969166538"><img src="../f_logo.png" alt="facebook" width="300" height="66" border="0" /></a></span>copyright 2011 The Salty Surfer Co. All Rights Reserved-<a href="terms of use and privacy and security.dwt">Terms of use and Privacy and Security</a><br />
    </p>
</div>
</div>
</body>
</html>

Validate your code and fix reported errors. Among other things, you've got <meta> tags in your <body> which don't belong there. Meta tags go between the <head> and </head> tags only.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Why Templates text looks uggly in Internet Explorer ?

Hi folks,
I´m doing a kind of a job that will make use of the iWeb templates. It will be easier for the task.
The problem is that most of the audience will navigate to the site by IE (as almost 80% of the planet does, unfortunetly ... lol). Right now I´m doing a test in front of a PC using XP and IE6. The text of the site looks very, very uggly.
As I´m a mac user for a long time and work with good computers (1 Mac Pro and 1 MacBook Pro) I guess I´m used to "good image".
On iWeb templates many different fonts are used, probably fonts that are not web safe as I have read through this forum, right ?
The resolution of the monitor that I´m doing this test is not too bad (1024 x 768), so it should looks ok, right ?
Checking the folders contents of the site when it is "saved to a folder" before changing text of the pages, I could noticed that most of the contents (paragraphs and texts) are .png files. Images ! Is it a way and the only way to make texts and paragraphs look nice in Internet Explorer ?
By the way, is it a safe font size for IE or for general internet ?
Thanks in advance ....

The rule in your CSS that's causing the squishing is this one:
.right_side_text {
    letter-spacing: 0;    line-height: 5px;
    margin: auto;
    padding: 0 0 0 20px;
I don't think that you need margin: auto
It's easy to test it in Firefox using the Firebug plugin. You can edit the CSS "live." However, it's not so easy to test it in IE so I'm not sure what will happen there if you edit it.
Martin

My website looks different in internet explorer.

Greetings and thanks in advance for great service that we provide
I created a website in iweb www.webworldpr.com in Firefox looks good in Internet Explorer looks different. I can do. I would like to know is web site maestro can solve this problem.

The iWeb for Musicians website is optimized with Web SIte Maestro and appears to work OK in IE 7 & 8. If I look at it using Safari User Agent the background image drops out etc.
The latest version of WebCrusher has this....
"iWeb websites are known for their incompatibility with Internet Explorer. We tested hundreds of iWeb sites and came up with a step by step guide to making your iWeb site work with Internet Explorerand built this functionality into WebCrusher."
I do have WebCrusher but I haven't tested this feature as I don't have a PC running WIndows anymore.
The only way I can think that I could help you out here is if you send me a copy of a Domain file or the folder of published files and I'll run it through the app to see if it fixes your problem before you have to think about buying it.
"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

Flash Video performance is horrible in Internet Explorer 11 & 10 Win7 64bit

Video performance is horrible with Internet Explorer 11 & 10 on a Win7 64bit system.
Flash Player version 12.0.0.70
The video is choppy and stuttering and it's dropping frames no smooth playback is possible.
HTML5 Video playback is super smooth in IE 10 & 11.
ActiveX Shockwave Flash Add On is installed correctly and activated.
ActiveX filtering is off.
nvidia Video hardware (Quadro FX 2700M) drivers are current and up to date with the latest version 332.50
Tested with Flash hardware acceleration on and off = same problem
Tested with Internet Explorer hardware acceleration (software rendering) on and off = same problem
Any suggestions what the culprit may be?

What version of Internet Explorer are you using?

Firefox is no longer compatible with Walgreen photo web site - Walgreen says only Internet Explorer will work - will this be fixed?

I have used Firefox for years but recently I've had instances where Firefox will not work with some web sites. The most recent is Walgreens photo. I spent about an hour being frustrated then called Walgreens. They told me that I had to use Internet Explorer. Sure enough it worked fine. Can Firefox be made compatible with Walgreen's web site?

Walgreens would need to make their web site compatible with Firefox.

JPEG Export Looks Saturated in Internet Explorer

I see this question in many forums and online but without a solution.
JPEG exports (sRBG) look overly saturated when viewed in Internet Explorer browser, including when uploading/viewing in Facebook, etc, etc. In other words, the colors looks different between Lightroom and Internet Explorer. (Colors looks the same between Lightroom and Photoshop though.)
As point of reference, when you download a sample JPEG image from Canon EOS's website (used to show sample images from their cameras) you see that those images also use sRGB profile. They also look exactly the same no matter how you view them (Lightroom, Photoshop, Internet Explorer, Safari, etc.).
What is Lightroom doing to photos upon export to JPEG and you need Lightroom or Photoshop to see the same colors?
I saw some talk about it had to do with Lightroom presets and that you had to zero those out? Any ideas from Windows users?

Have you got Firefox or Safari on your machine? In which case, how do the images look in either of those browsers? Or, if you're using Windows 7, how do the images look in Windows photo viewer?
Also, can you say what monitor you are using please?
I think it might be a colour management issue. Internet Explorer is not colour managed (not even IE9), Lightroom and Photoshop are colour managed, so is Windows 7 photo viewer (but not the XP equivalent), so are Firefox and Safari (but not Chrome). When there's a difference between how something looks in an non-colour-managed program and colour-manged programs then it's worth checking for colour management issues.
If your monitor has a wider gamut than sRGB, then you would expect IE9 and other non-managed programs to look over-saturated.

Firefox crashed when I try to get into my work site via citrix. Internet explore does not firefox 7.01

I have firefox 7.01. and every time i try to log on to my work site via the web and client server, firefox crashes and leaves not log.
Internet explore works without issue.
How do I stop the system from crashing - i didnt have a problem in earlier versions of firefox.

This is a chronic problem. Not related to time of day. It is a permanent block on my ability to log into my Yahoo mail from the Firefox web browser on one computer ONLY. I can log in from other computers. This seems to have nothing to do with add-ons or extensions. Upgrading from Firefox 3.6 to 4.0 had no effect and this also does not effect any other web browser on the same computer.
Again, every time on try to log into my Yahoo mail using Firefox on my main desk time I get a "404 Not Found" error.
Please give me a serious answer.

IWeb 08 site not viewable using Internet Explorer

I have had feedback from friends using Internet Explorer saying that when they try to view my site their browser freezes and can't open the page. It works fine when using Safari.
I have seen a number of posts regarding this issue and am wondering if there is a straightforward fix, or whether we will have to wait for Apple on this one?
Has anyone been able to test an iWeb 08 created site using IE?
Thanks,
M&C

Can you be more specific and tell us what version of IE, I am assuming they are on Windows too. My assumption is that the most current version will work fine—have not tested it in full—but pervious version of IE have not played well with web standards. Currently, all of my content from iWeb06 works fine with IE (going on assumption because I have only tested it a few times on IE, I think it was version 6 or 7). I have not created anything new with iWeb08, so I have not had a chance to test it.
Best fix: Tell your friends to use FireFox.

Sharepoint sites not opening in Internet Explorer, and google chrome.

Hi guys, when i try to open any of my sharepoint sites in google chrome i get the following error -
This webpage is not available
<button id="reload-button" style="border:1px solid rgb(45, 102, 195);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;color:#ffffff;margin:0px 5px;min-height:29px;min-width:65px;-webkit-user-select:none;padding:8px
13px;background-image:-webkit-linear-gradient(top, rgb(93, 154, 255), rgb(93, 154, 255) 38%, rgb(88, 145, 240));text-shadow:rgba(0, 0, 0, 0.498039) 0px 1px 0px;box-shadow:rgba(0, 0, 0, 0.14902) 0px 1px 0px, rgba(255, 255, 255, 0.2) 0px 1px 2px inset;">Reload</button> <button
id="more-less-button" style="border:1px solid rgba(0, 0, 0, 0.247059);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;color:#444444;margin:0px 5px;min-height:29px;min-width:65px;-webkit-user-select:none;padding:8px
13px;background-image:-webkit-linear-gradient(top, rgb(237, 237, 237), rgb(237, 237, 237) 38%, rgb(222, 222, 222));text-shadow:rgb(240, 240, 240) 0px 1px 0px;box-shadow:rgba(0, 0, 0, 0.0784314) 0px 1px 0px, rgba(255, 255, 255, 0.74902) 0px 1px 2px inset;">Less</button>
The connection to login.microsoftonline.com was interrupted.
Check your Internet connection.
Check any cables and reboot any routers, modems, or other network devices you may be using.
Allow Chrome to access the network in your firewall or antivirus settings.
If it is already listed as a program allowed to access the network, try removing it from the list and adding it again.
If you use a proxy server...
Check your proxy settings or contact your network administrator to make sure the proxy server is working. If you don't believe you should be using a proxy server: Go to the Chrome menu > Settings > Show
advanced settings... > Change proxy settings...> LAN Settings and deselect "Use a proxy server for your LAN".
Error code: ERR_CONNECTION_RESET
and my internet explorer doesnt open the sites either, can anyone assist me with this problem please?

Hi hein56,
According to your description, the error is encountered when you try to login your SharePoint Online site.
To troubleshoot this issue, please follow these steps for identifying the error code:
View the source code of the login.microsoftonline.com webpage that shows the error message. For example, in Internet Explorer, press the ALT key to display the menu bar (if it isn't already displayed),
and then clickSource on the View menu.
Search the source code for the HR= string, and then note the numeric code that follows the HR= string.
Then you can find more information about how to troubleshoot the issue according to the error code.
Best Regards,
Eric
Eric Tao
TechNet Community Support

Yahoo mobile site looks horrible after 1.4.1.1

For some reason, after 1.4.1.1 the yahoo mobile website looks horrible, looks like a standard mobile page (like what you would expect on WinMo) rather than the enhanced mobile site. Anyone else having this problem?
m.yahoo.com.

Yes, same here. The site is showing text only, totally archaic! I think I saw a thread on Precentral.com about this too. Hopefully it will be resolved ASAP!

Why does my website look different in Internet Explorer

Hello there I'm currently working on an eportfolio for school, however when using internet explorer my navigation bars look like this
However in google chrome it looks like this
Please help me I used cs6 and this is my website http://jacks-eportfolio.site90.net/
Please let me know.

It depends how much you want to learn about html and css.
If you're not all too interested/worried about web design in general (not really planning to become a pro web designer), you're fine with the current layout. It functions and isn't going to hurt you financially if it breaks under certain settings.
If you do have an interest in professional web design, you really should learn to code before you "learn Dreameaver". That way you can skip all of the traps built into it for novice designers (especially APDivs).
Take some time to run the tutorials for HTML and CSS here: http://www.w3schools.com
That will give you a lot of the basics.
Once you have that under your belt, here are some more links (blatently taken from Nancy O's posts)...
http://www.csstutorial.net/
http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html

IWeb not looking good on Internet Explorer

Hi,
My site, www.bargelachouette.com has sat well on mac and in Windows IE for a couple of years, except for a small glitch on IE which I was prepared to accept. A few days ago I upgraded to IE8 on the Windows virtual machine of Parallels. The site is totally unacceptable in IE now, with illegible text covering photos which should not be there (The reflection at the bottom of the photo in the<white> <welcome> template I use is now the whole photo replicated below the original photo . Can anyone tell me why this is happening and what I should do to rectify it....please.
Cheers,
Bob

Don't know Bob, but it looks like IE bit you.
I see what you're talking about.
I view it in Firefox and it looks fine.
Not sure what you might be able to do, but hopefully someone will have a thought.
The Barge look really neat.
Good luck.
You might try turning off the reflections.
Looks like that where the problem areas are.
Look like IE is not displaying it as a reflection, but a second picture.
Message was edited by: Chuck Usher
Message was edited by: Chuck Usher

Flash site not showing in Internet Explorer

Please can some one help,
I have been asked to get a website up and running. It is a Flash site, which works fine in Firefox and Safari, but its just a white screen in IE. Does anyone know why?
the website is www.vortex-cae.co.uk and the scrip is : -
<head>
<script>
if ((navigator.userAgent.indexOf('iPhone') != -1) ||
(navigator.userAgent.indexOf('iPod') != -1)) {
document.location = "iphoneindex.html";
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vortex-CAE</title>
<meta name="title" content="Vortext-Computer Aided Engineering"/>
<meta name="author" content="Philip Edwards"/>
<meta name="keywords" content="Vortex, CAE, Computer Aided Engineering, CAD, CAM, CAP, AMP, Sheffield, SIEMENS (formerly UGS) NX, Scenario, Nastran, Ian Crowston, 3D, Computer-aided design, CAD, Computer-aided manufacturing, CAM, Finite element analysis, FEA, FEM"/>
<meta name="description" content="Vortex-CAE supports various industries with Computer-Aided Engineering activities through the use of in-house expertise and a specialist consultants."/>
<meta name="robots" content="noindex"/>
<meta http-equiv="pragma" content="no-cashe"/>
<link rel="stylesheet" type="text/css" media="screen" href="style/sceen.css"
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
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">
try {
var pageTracker = _gat._getTracker("UA-10537221-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<body>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','980','height','750','title','Vorte-cae','src','vortexweb','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','vortexweb' ); //end AC code
</script><noscript><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="980" height="750" title="Vorte-cae">
<param name="movie" value="vortexweb.swf" />
<param name="quality" value="high" />
<embed src="vortexweb.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="980" height="750"></embed>
</object></noscript>
</body>
</html>
Thank you if some one can help!!!!

Hello, same problem here. How did you fix it, the truth is I'm new to flash, and I don't know what to do. The Html code is here:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Floreor - espai per a la bellesa i el benestar</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<table width="768" class="gen" align="center">
    <tr>
        <td>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
           codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
           width="766" height="766">
    <param name="movie" value="flash/mainV8.swf">
    <param name="quality" value="high">
    <param name="menu" value="false">
    
    <object data="swf/mainV8.swf"
            width="766" height="766" type="application/x-shockwave-flash">
     <param name="quality" value="high">
     <param name="menu" value="false">
     <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
     FAIL (the browser should render some flash content, not this).
    </object>
    
   </object></td>
    </tr>
</table>
</body>
</html>
What am I doing wrong? It's working with opera and firefox, but not for safari, chrome or explorer. Thank you very much

Sites that stream on Internet Explorer only

I am finding more and more video / audio streaming sites will only work on IE and Windows. Trying to connect with Firefox or Safari produces a pop-up that says only IE on Windows is supported, probing further and the site usually cites Rights Management issues.
These sites are legal and either free or on (paid for) subscription, does anyone know of a solution that does not involve installing Windows via bootcamp?
If this has been discussed before a link would be usefull.

There is a way to run XWindows based IE 6 and IE 7 from:
http://www.kronenberg.org/ies4osx/
CrossOver may also offer a way without installing Windows to run the correct version of Internet Explroer.
Regardless for all these sites, they need to be informed about MPEG-4 video as a more open source for video that all platforms can use. If they are interested in reaching the widest audience possible, they need to consider this. Furthermore, Microsoft has a program called Silverlight that allows some previous PC only video of Netflix to display on a Mac.
See my browser FAQ for additional suggestions*:
http://www.macmaps.com/browser.html
- * Links to my pages may give me compensation.

Version 3.6.6 and Internet explorer will not load sites, so I reloaded the older 3.6.3 of firefox and websites load fine. Internet Explorer still will not load. The error message corresponding with 3.6.6 was that there were problems with the proxy serve

Upgraded to 3.6.6 and no sites loaded, error in proxy server. Internet explorer will not load either. Reloaded firefox 3.6.3 and sites load fine, but internet explorer still will not load. I was only able to connect to yahoo messenger when websites were not loading.
== This happened ==
Every time Firefox opened
== I upgraded to 3.6.6

I have a problem with Firefox loading. It will not load and it says Firefox is using a proxy that refuses connection. Check with your network administrator. How do I get Firefox to work. I've uninstalled it and reinstalled it twice. Any help would be great thanks.

Site looks horrible in Internet Explorer

Similar Messages

Maybe you are looking for