Site not displaying properly in IE

Hello,
I'm working on building a site from a template. Prior to today I only opened the site in Firefox and it displays fine. However, in IE for some reason every page besides the index.html do not display properly. The weird thing is, the part that is messed up should be the same as the index.html because they're from the same template.
Does anyone happen to know what I messed up?
Here is the site...
http://testtreks.onlinewebshop.net/index.html

I'm working on building a site from a template. Prior to today I only opened the site in Firefox and it displays fine. However, in IE for some reason every page besides the index.html do not display properly.
Which IE? What does "do not display properly" mean? It looks OK to me in IE8.

Similar Messages

Flash site not displaying properly in IE and chrome

Any ideas of what is causing this code not to display properly in IE and chrome as checked on PC.
It works on safari
<!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>
                    <title>n u h n | painting</title>
                    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
                    <script type="text/javascript" src="swfobject.js"></script>
                    <script type="text/javascript">
                              swfobject.registerObject("myFlashContent", "8.0.0");
                    </script>
          <style type="text/css">

</style>
<body>
                    <div align="center">
                              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="myFlashContent" align="middle">
                                        <param name="movie" value="index.swf" />
                                        <param name="quality" value="best" />
                                        <param name="scale" value="noscale" />
                                        <param name="bgcolor" value="ffffff" />
                                        
                                        <object type="application/x-shockwave-flash" data="index.swf" width="100%" height="100%" align="middle">
                                                  <param name="quality" value="best" />
                                                  <param name="scale" value="noscale" />
                                                  <param name="bgcolor" value="ffffff" />
                                        
                                                  <a href="http://www.adobe.com/go/getflashplayer">
                                                            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" height="600" />
                                                  </a>
                                        
                                        </object>
                                        
                      </object>
                    </div>
          </body>
</html>

You can set an explicit width and height instead of a percent but I presume you want the flash object to be the size of the browser window specifying 100%. You also have noscale specified so I presume you're detecting the flash stage size and are dynamically laying out your content based on available space. Is that correct?
That said, you're using XHTML strict but you have some invalid code. In browsers like IE that can be enough to pop compatibility mode and it gets messy. For instance the "align" attribute is not supported so you should remove it.
Using 100% of the space is tricky. You have a scrollbar that can be invoked if you use 100%. Try 99% so the browser doesn't fire off a scrollbar just incase.
Your CSS probably isn't doing enough either. Use your web developer tools in your browser to take a look at your object. You're only clearing margins on the body tag. Try something more aggressive to remove ALL margins and padding like so:
*,html,body,object,div { margins:0; padding:0; }
Your object probably has some margins or padding pushing it off screen and you're only setting margins for the body tag itself. Also a small CSS note. Anytime you specify a value of 0 you don't need to specify px, like 0px. No matter your unit, em, px, etc, 0 is 0. That's why I didn't put 0px if you were wondering.
Also I specified 'div' in the CSS above. It may solve some of your problems to put your <object> inside a <div>.
e.g.:
<div style="width:99%; height:99%;">
    <object ............>
    </object>
</div>
Keep the <object> at 100% width and height if you place it inside that <div>. The browser is very good at dealing with <div>s and should have no problem keeping your content inside it resizing properly.

CS3 Site not displaying properly

I have a newly created site which displays and functions
properly on my PC, where the page was created on CS3. On a test PC,
the index page displays properly, but all other pages have no
graphics and the format is incorrect. The links work ok. A previous
page I created does work correctly and is currently online.
Any thoughts on why all non-index pages cannot display images
or correct format? Again, it functions ok on my pc, but once I move
it off, it fails.
Any help appreciated. Thanks.

> Any thoughts on why all non-index pages cannot display
images or correct
> format?
Errors in the code.
Can you show us a page with these errors by uploading it to
some webspace
and posting a link here?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"NORSSMAN1" <[email protected]> wrote in
message
news:g7uiba$57q$[email protected]..
>I have a newly created site which displays and functions
properly on my PC,
> where the page was created on CS3. On a test PC, the
index page displays
> properly, but all other pages have no graphics and the
format is
> incorrect.
> The links work ok. A previous page I created does work
correctly and is
> currently online.
>
> Any thoughts on why all non-index pages cannot display
images or correct
> format? Again, it functions ok on my pc, but once I move
it off, it
> fails.
>
> Any help appreciated. Thanks.
>

Used SEO tool for iWeb now site not displaying properly on iPhone....

Hello!
I used the SEO tool for Iweb for my site and it;s displaying perfectly on my macbook but when I look at it on my iphone it's a mess... No background, no header, can't change pages etc....
HELP!
Thanks in Advance.

So the problem occurs when you use that application.
Does the problem occur when you do not use that application?
If not, then SEO Tools is the problem and iWeb is not involved.
Ask here : http://www.ragesw.com/forums/

Site not displaying properly on PC...

Hi,
I've built the following site on a mac in dreamweaver MX
using CSS:
http://www.imagemakers.uk.com/clunyhouse/index.html
Looks fine when previewing in Safari and Firefox, but not in
IE on PC. The main flower image is appearing way down the page, as
if its too wide to fit properly.
I'm quite a newbie with css so I've probably made an obvious
mistake. My deadlines looming so any help greatly appreciated!!
Thanks.

I've just tested it in IE7 and it looks fine - so it's just
IE6 I'm having the problem with. Any ideas?
Thanks.

Why is my youtube webpage not displaying properly?

My youtube webpage is not displaying properly. its like tthere is only text and thumbnails and the whle webpage is too damn long. The videos don't play when clicked. Problem on both firefox and chrome. I disabled kaspersky av but it didnt make any difference cuz i thought the firewall mustve been blocking something. check screenshot attached.

You can try these steps in case of issues with web pages:
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)
Clear the cache and remove cookies only from websites that cause problems.
"Clear the Cache":
*Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > "Use custom settings for history" > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Ads are not displaying properly in Safari, v 4.0.5

I am having an odd problem with display ads from our local newspaper not displaying properly on my Mac Pro in Safari. I suspect that the issue might be related to having had some AdBlock app on my system a few months ago. I removed the app and some ads display, but others are just a white block with nothing inside. Is there any way to figure out why the content doesn't load?
The website is http://www.echopress.com
The ads I'm having issues with are the 300x250 ads in the right 3rd column, located directly below the weather info and above the "marketplace" ads.
Any ideas or troubleshooting tips?
Thanks,
Grady
Oh, why do I wanna see em in the first place? I'm an advertiser on the site and would like to see my own ads load occasionally.

Hey ho, Grady!
I can see all the ads on the right,
with the exception of the very top (first) box
which has the header of "Weather Alerts).
It's blank, and I'm assuming you have no alerts at the present.
All the rest of the paid for ads show.
So, what I would do is clear my Safari cache, history, and
in Preferences>Security, clear all the cookies from that site.
Hope this helps.
If you need more info just holler.
Let us know how you're doing, OK?

Page will not display properly with inline Frames

I have a html page that will not display properly in Dreamweaver. I have a basic understanding of html and want to be able to edit a website in Dreamweaver that was given to me. It looks fine in a browser, but in Dreamweaver some of the content is missing and displays the following message, "Your browser does not support inline frames or is currently configured not to display inline Frames". I was able to open it without any problems using Microsoft Front Page, so is it possible to view and edit it in Dreamweaver?

Without seeing your page, I'm guessing that your page contains server-side includes, iframes and scripts to other files on the server that populate page with content on the server's end. You can't see it in DW because you don't have all the files in your DW local site folder. You said this views fine in FP. Was your page created in FP with FP proprietary tools?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Hi my web hosting company irunsolutions.co.uk have informed me that my website does not display properly in firefox when run on a windows 7 32 bit platform.

website is www.empireembroidery.co.uk
does not display properly when viewed on 32bit windows 7 platform in firefox.

You can try these steps in case of issues with web pages:
Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)
Clear the cache and cookies only from websites that cause problems.
"Clear the Cache":
*Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Web page not displaying properly - content in wrong place

It's been years since I've done html and this is the first time using Dreamweaver. All my pages have the same header then a horizontal row of link buttons. I have used Divs to create 3 sections of content underneath this. Each div has the following defined for it: #Div { position:absolute; width:913px; height:440px; z-index:1; left: 10px; top: 302px; My main page is not displaying properly. There is a section on the left with text/photo. To the right of this section, there is a second div containing an image map. In Dreamweaver, I preview the page (using Chrome) and it looks fine. However, when I upload it to the web site and then view that page in the web site, the second div is thrown to the upper top right of the page. I do not know what is causing this and how to fix it. Can anyone answer this and perhaps give me some tips?

Start by fixing your HTML errors. You have a significant number of them.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fgivethegaveltotavel.com%2F
Also, you have some CSS errors.
W3C CSS Validator results for http://givethegaveltotavel.com/ (CSS level 2.1)
Position:absolute is never a good way to layout your web pages. For 98% of what you do, positioning is not required and should be avoided. Learn to use CSS margins, padding and floats to align elements where desired.
CSS margin property.
CSS padding property
CSS Float
Nancy O.

Why do pages like natwest and ELC not display properly? It is like their text is too large, yet other pages are fine?

I have abrand new ASUS notebook with a 11 and a half inch screen. I have up to date Windows system, and am using the latest version of firefox. I have gone through all the tips in the help section of firefox including clearing cache and cookies, and also checking all settings for text, however none of this has corrected the problem. For example when i log into my online banking the text is that big it doesnt fit into the boxes set on natwest screen, so therefore i can view all of the text and it gets jumbled together in some places. With ELC a good example is the menu across the top of the page which gives all of the categories of products they sell for you to click on. As the writing is too large it does not display properly. Im not sure what else to do to crrect this. Can anyone help?

Try 2 things, if they can help:
1. on the same window, where you have 1 of above site opened. Do ctrl + F5.
2. Do Ctrl + shift + P, it will open a new private window and browse any of the above site.

My.yahoo homepage is not displaying properly all of a sudden in windows 8

I don't think there was a change to my system unless it was a windows 8 update recently but my homepage, my.yahoo.com which I have been using for years is not displaying properly in Firefox oth 17.0 or beta release.
It works fine in chrome and IE on the same system.
Is this a issue with yahoo or Firefox? Any ideas on how to fix?

When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
(You also can clear Firefox's cache completely using:
orange Firefox button ''or'' Tools menu > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now")
(2) Remove your yahoo.com cookies (save any pending work first) using either of these. While viewing a page on the site:
* right-click and choose View Page Info > Security > "View Cookies"
* Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"
Then try reloading the page. Does that help?

Page does not display properly in 3.0.4

If someone from apple reads these postings, the following page does not display properly in Safari 3.0.4 with mac os leopard.
I can not find an email to email directly to you.
http://bigten.cstv.com/sports/m-wrestl/spec-rel/021308aab.html

Hi
Welcome to Apple Discussions
Best way to reach Apple is to send a Bug Report via the Safari Menu>Report Bugs to Apple. While Apple doesn't respond directly to these notes, the information gets in the hands of Software Engineers at Cupertino.
Specific to the referenced site, there are multiple code errors, which would contribute to the rendering problem. Safari is a lot more specific about following correct code than other browsers. I suggest passing the Validation report on to the site developers. Good code practices (W3) makes for better uniformity and security on the Internet.

Lately pdf files from the Web do not display properly; what is wrong and how can I fix it so I don't have to use IE?

I am a professor and frequently need to open pdfs of academic journal articles from electronic databases. Within the last two or three weeks, when I try to do this using Firefox, only the first page of the pdf displays and the rest are blank. In addition, a bar appears across the top with the message "This pdf file may not display properly." So I have had to switch to Internet Explorer to open the files and do my research. What is going on and how can I fix it so I can open pdf files from the Web in Firefox and have them display properly?

My question is simple - why would you put an application in production that has a lot of bugs? To replace a good and steady Adobe product? My customers will believe that I put a pathetic fallible form online. They are not sophisticated on computers so I just tell them to use IE. Ugh
I must agree with pgwebgirl!

My vertical Spry is not displaying properly in IE 8

I am working on my first website using Dreamweaver CS4 and my spry is not displaying properly over my flash photo gallery. It looks ok in Firefox (although the borders are missing on my submenu for "sheds tool list") but in IE 8 the submenus can't be seen. How can I correct this?
My website is www.toolshedstudio.com
Here's my css:
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 10em;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 170px;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
    border: 1px none #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0.75em;
    color: #CCC;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #33C;
    color: #000;
    font-size: 100%;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarVertical li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Hi
You flash movie doesn't have the parameter wmode=transparent. If you set that, the menu bar will be on top.
<param name="wmode" value="transparent">
I hope this helps.
Ben

Site not displaying properly in IE

Similar Messages

Maybe you are looking for