Problems displaying website in IE and Chrome

Hi.
I have recently created my first website in DW and it turns out great until I export it from DW. That's where the problem starts.
I have constantly observed my website's behaviour during creation, previewing it repeatedly to make sure everything works as it should. Unfortunately I neglected doing this in more than just one browser which brings me to my current problem.
My website works perfectly fine in Firefox but IE and Chrome fail to recognise the site's borders and keep the text running in the same line until the actual paragraph ends in DW. To verify you can have a look at my website here: www.christopherfunke.com
I really hope somebody can help me with this.
Thank you in advance.
Kindest regards,
Chris

Typically, it's the other way around.
First validate your code and fix reported errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
If that doesn't fix the problem, post a link to your problem page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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.

HT5648 OS10.6.8 Firefox 24.0 The new Yahoo mail shows no graphics. However, the new Yahoo mail displays correctly in Safari and Chrome. I believe this has to to with the settings for Javascript. Help me, please.

OS10.6.8, Firefox 24.0
The new Yahoo mail shows no graphics using Firefox 24.0 - just identical rectangles where new icons should be.\. However, the new Yahoo mail displays correctly in Safari and Chrome. I believe this has to to with the settings for Javascript. Those settings aren.t easy to access in the most recent Firefox 24.0 version. Help me, please.

The settings for Javascript are either on or off, Fireefox 24 doesn't give you a option to turn off Javascript, unless you installed something like NoScript extension (or some other Javascipt blocking add-on)
If NoScript, then you need to use the View > Toolbars > Customize and drag the NoScript "Temp Allow All" button to the toolbar area to enable all enabled scripts (including Javascript) on that web page.
Under the Firefox Help menu is a option to restart with add-ons disabled to see if something you might have installed is causing your problem.
Reinstall Firefox or create another user account and run Firefox there to try to localize your issue.
I'm having no problem here on 10.6.8 in Firefox, Chrome or Safari, Yahoo Mail works perfectly.

Problems displaying blog&photo gallery in Chrome

Hi everyone,
I'm rather new to site-creating. I've made a site with 2 photo-galleries and one blog-page in iWeb and published it to a local folder on my mac. Before moving forward and dealing with ftp-client etc., I just tried to check the general view. I opened the htlm-file I've got in my site-folder in Google-Chrome, everything is perfect, except for those galleries and blog. They aren't there. The headings and text-blocks are where they should be, but galleries and the block with a photo and beginning of my article on the blog-page are lacking. I've checked the "media" folder, all the photos are there, but they are lacking in the html-file opened in Chrome. When I open my site in Safari, it's looking correctly.
Probably, I could try to make the same pages without galleries, just adding independent photos, text, hyperlinks etc.. But this will be a bit time-consuming and not a "beautiful" solution.
I haven't found any idea how to fix this problem, so I'm waiting for your ideas and help!!!
Thank you in advance,
Kira

Don't open local files in Chrome. A page may not display properly.
Publish and then try again.
And if the pages look good in Safari they look good in any browser, except MSIE.
Remember, webpages are meant to be viewed on a webserver, not on the desktop.
Or use your built-in webserver.

Spry menu displays fine in FF and Chrome but not in IE

hello all -
as stated my Spry menu drops down fine (vertical) in FF and Chrome but in IE8 it displays horizontal. pls help & ty!
here is the CSS and an example page-
http://www.thelders.com/BlueRidge/ContactUs.html
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
#MenuBar1 {
margin:0 auto;
width:876px;
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* 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 a fixed width */
ul.MenuBarHorizontal li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
border: 1px solid #738dbb;
background-color: #ddd9c3;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
display: block;
cursor: pointer;
padding:6px 18px;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color: #aac0db;
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.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* 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.MenuBarHorizontal ul 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.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image: url(SpryMenuBarDownHover.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.MenuBarHorizontal ul 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.MenuBarHorizontal iframe {
position: absolute;
z-index: 1010;
/* 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.MenuBarHorizontal li.MenuBarItemIE {
display: inline;
f\loat: left;

First off read the notice on the index page of this forum
Announcement: Introducing Spry UI
Then add the following style rules to your document
ul.MenuBarHorizontal li {
width: 8em;
ul.MenuBarHorizontal ul {
width: 8.2em;
I hope this helps.
Ben

Osmf Flash Player will not display images in safari and chrome

In OSMF player, I am using image to display as thumbnail before playing video.
Image is displaying properly in IE and Firefox but I am getting error in safari and chrome.
Error of flash player:
ArgumentError: Invalid parameter passed to method
    at org.osmf.traits::LoadTrait/setBytesLoaded()
    at org.osmf.elements.loaderClasses::LoaderLoadTrait/onContentLoadProgress()
ArgumentError: Invalid parameter passed to method
    at org.osmf.traits::LoadTrait/setBytesLoaded()
    at org.osmf.elements.loaderClasses::LoaderLoadTrait/loadStateChangeStart()
    at org.osmf.traits::LoadTrait/setLoadState()
    at org.osmf.traits::LoadTrait/onLoadStateChange()
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at org.osmf.traits::LoaderBase/updateLoadTrait()
    at Function/<anonymous>()
Please help me in resolving this issue. This error occurs with some specific image url's only

<table width="969" border="1">
<tr>
    <td colspan="3"><object id="Portfolio" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="450">
      <param name="movie" value="Flash/Portfolio.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="LOOP" value="false" />
      
      
      <object type="application/x-shockwave-flash" data="Flash/Portfolio.swf" width="500" height="450">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <param name="LOOP" value="false" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><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" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object></td>
</tr>

Firefox 7.0.1 displays website differently from IE, Chrome, Safari, Firefox 3 and Safe Mode

Hi
The website www.littleones.ie displays incorrectly in Firefox 7.0.1.
DIVs are shifted down the page instead of appearing side by side. It is OK in IE, Chrome and Safari, Firefox 3 and in FireFox Safe Mode.
After a few tests I find that I can fix the problem by disabling hardware acceleration in the Options menu.
Disabling Plugins did not fix the problem.
Problem has also be seen on another PC using Firefox 7.0.1.

Thanks for your response.
I'm using an HP laptop with 'HP Support Assistant' which automatically keeps the system up to date. The littleones.ie website belongs to my client. The problem is that visitors to the Little Ones website may be experiencing this problem - which will be affecting the effectiveness of the site. We can't ask visitors to littleones.ie to update their graphics drivers before browsing the site!!
Someone else I have asked to view the site had the same problem so it is not just my PC- I'll get a spec of their system if that would help.
Do you know if a website can ask a browser not to use hardware acceleration?
I've used Firefox on many websites without this problem. Is their something in the HTML or CSS of littleones.ie which could be upsetting Firefox /HWA?

I created a website that displays perfectly in IE and Chrome but images dont display in firefox? what could it be?

as a rooky at making sites this may be simple.
I have cleared the cache and all that stuff, but it still seems to be not working?
thanks for any advice

You have backslashes in the address path for some images. <br />
Change the \ to a / . <br />
images\wcspc.jpg <br />
images\Obriencenterlobby.jpg <br />
images\Obriencentersign.jpg <br />
images\facebook.png <br />
images\blue.jpg
The W3C validation service found some other errors. <br />
http://validator.w3.org/check?uri=http://www.wcspc.org/index.html/
You also have a problem at the bottom of the page where the light blue footer bar blocks some text under '''''Never forget another event''''' on Safari 5.0.1, Firefox 3.6.13 and IE8 - I don't have Chrome installed on this PC right now. The problem is slightly different on each browser, so it might be caused by differences in the way different browsers handles padding and tables, or maybe a CSS problem. There's also a problem with the Google Calendar area, Firefox does show a sliver of the Google Calendar button, but not enough to see the text; Safari and IE show all the text, but there's no "button" / hyperlink to click for me.
Sorry, I'm a noob myself with web page development, and I can't tell you what needs to be fixed. Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Problem With Website With Safari and not Firefox

I have just started having a problem with Safari, which I hope someone here will be able to solve pretty quickly. Just recently, when I go to my online banking, I enter my username and password with no problem. My accounts show up. But, when I select one of the accounts, it asks me to log in again. Now, I thought it might be the bank's website that was having the problem, but when I use Firefox to do the say thing, it works fine. I'm wondering if something got corrupted in the depths of Safari that could be causing this problem. Any help/suggestions would be greatly appreciated.
Thank you

HI,
From the Safari Menu Bar click Safari/Preferences then select the Security tab. Click: Show Cookies. Select your bank site then click Remove. From the same Menu click the Autofill tab. Click the Edit button next to: Other forms. Select your bank site, click Done.
Relaunch Safari. If you still have problems with that site, open Keychain Access (Applications/Utilities)
Select Passwords. Right or control click your bank on the righ then click Delete from the pop up menu. Quit Keychain Access. Relaunch Safari. Try your bank site... if the problem persists, open Keychain Access/Passwords and delete: Safari Forms Autofill. Quit Keychain Access and relaunch Safari.
You may need to empty the Safari cache and Reset Safari too.
From the Safari Menu Bar, click Safari / Empty Cache. When you are done with that...
From the Safari Menu Bar, click Safari / Reset Safari. Select the top 5 buttons and click Reset.
Carolyn

Problems with Facebook on safari and chrome

Since a few days i am unable to view Facebook on Safari or Chrome.
Just lines with text but no images only question marks.
On top of that unable to open Firefox ( says Unexisting Profile)

Could be many things, we should start with this...
"Try Disk Utility
1. Insert the Mac OS X Install disc, then restart the computer while holding the C key.
2. When your computer finishes starting up from the disc, choose Disk Utility from the Installer menu at top of the screen. (In Mac OS X 10.4 or later, you must select your language first.)
*Important: Do not click Continue in the first screen of the Installer. If you do, you must restart from the disc again to access Disk Utility.*
3. Click the First Aid tab.
4. Select your Mac OS X volume.
5. Click Repair Disk, (not Repair Permissions). Disk Utility checks and repairs the disk."
http://docs.info.apple.com/article.html?artnum=106214
Then try a Safe Boot, (holding Shift key down at bootup), run Disk Utility in Applications>Utilities, then highlight your drive, click on Repair Permissions, reboot when it completes.
(Safe boot may stay on the gray radian for a long time, let it go, it's trying to repair the Hard Drive & clear caches.)
If perchance you can't find your install Disc, at least try it from the Safe Boot part onward.

Missing igoogle gadgets Firefox ver 9.0.1; but there in IE and Chrome.

Earlier today all my igoogle gadgets were appearing on Firefox. However this afternoon they are missing. Chrome and IE still display the gadgets. I have tried several fixes (disabling suggested add-ons, extensions, and plug-ins) but problem persists.

Websites remembering you and automatically log you on is stored in a cookie.
* Create an allow cookie exception (Tools > Options > Privacy > Cookies: Exceptions) to keep such a cookie, especially for secure websites and if cookies expire when Firefox is closed.
Make sure that you do not run Firefox in Private Browsing mode.
* https://support.mozilla.com/kb/Private+Browsing
Do not use Clear Recent History to clear the "Cookies" and the "Site Preferences"
* https://support.mozilla.com/kb/Clear+Recent+History
Clearing "Site Preferences" clears all exceptions for cookies, images, pop-up windows, software installation, and passwords.
*http://kb.mozillazine.org/Cookies

Invisible td in Safari and Chrome but not other browsers

Hi, I am currently building a homepage with php, mysql, javascript and ofc html.
At the top of my page I have a table with some graphics and a login/menu system. I have several pages in my project and the issue I have only presents itself on 2 of them, also the problem only occures in Safari and Chrome (and not in Explorer, Firefox or Opera). The code is more or less identical so I have a very hard time understanding what the problem could be, maybe someone here has an idea
Here is code from both one of the pages that does not work and from one that does work (coloring is a bit weird since it's both html and php):
http://pastebin.com/AQXZ4rGw
(prior to the code pasted there is some database-stuff but I think that should not affect it)
Best Regards /Oskar

I found out that if I add tons of nbsp; after for example "Add" I get background for as long as the string is, so I can basicly cover the entire width with nbsp; this is not a very pretty solution however.
Message was edited by: elunosk
Message was edited by: elunosk

I can't see the bar which contains play, stop button on Youtube. Help me!!! Just happen with firefox and chrome after install DivX and I had removed DivX.

I had installed DivX and it includes DivX Web player but, when i remove it, the problem happend. When I click on a video, the bar which contains play, stop... buttons is there. But when the video nearly play, it disapears. The problem just happen with Firefox and Chrome, but it doesn't mean with IE. Help me plz, I hate using IE just love FF but the problem prevent me from watching video on youtbe which is very terrible with me.

This is my problem, see the picture.

PDF addresses not longer load and display PDF in Firefox and solutions suggest to other users with problem DON'T WORK (work fine in Chrome and Safari)

This is an ongoing problem with other users. When putting a PDF in address window of Firefox and clicking go to address FIREFOX WILL NOT LOAD AND DISPLAY THE PDF. This problem has come up in questions from other users on your site. NONE OF THE SUGGESTED SOLUTIONS WORK! (trying either the Firefox PDF viewer or the Acrobat viewer as default viewer)
I am using Firefox 23.0.1 (as some of the other users with the same problem). This was not a problem in the past with Firefox. Safari and Chrome continue load and display PDFs just fine from their addresses. This is a big problem as I now have to inform people who want to view my PDFs NOT TO USE FIREFOX BUT TO USE SAFARI OR CHROME.

It appears that a link to a PDF on an internet page will not download in Firefox either!
I went to this page:
http://www.nasa.gov/connect/ebooks/earth_art_detail.html#.UjYEzrwsU08
and tried to download the PDF link at the bottom of the page (Download: PDF 11.3 MB) It didn't work! Nothing happens. Tried it in Safari and it worked flawlessly.
I have a PDF file of my work in the public_html folder on my URL. I give the address generated by that file to people who want to view my work---this works perfectly in Safari and Chrome. As to your other question, can't bookmark it if I can't get to it in Firefox.

When i sroll down a page on any website, the text and its colour becomes blurred until I reload page; then it immediately happens again . No problem on Chrome.

The problem is not with the computer, as I can scroll any website page using Google Chrome without any blurring. I have downloaded the latest driver for my graphics card. Thorough Dell and Microsft diagnostics testing programmes found no problem with the hardware, including the monitor, even after running stress tests on the computer system. As no problem of blurring occurs using Chrome, the problem is definitely with Firefox.

The solution is to turn off hardware acceleration in Firefox.

Problems displaying website in IE and Chrome

Similar Messages

Maybe you are looking for