Page looks different in IE and Firefox

I am creating web pages in Dreamweaver, with tables and
images,.but when preview, one page looks totally normal in IE, but
messed up in Firefox, another page looks nomal in firefox, but
messed up in IE. I checked all the assets in dreamweaver, they are
all right.
Could you please advise me how to change or where to change?
Thank you so much!
Esther

Go to that location, and paste your page's code into the
direct input tab.
Or give it a URL where it can find your page to validate it.
> I was wondering what might be the causes lead to
different looks in
> different
> browers (in one brower, pages messed up?in another
brower pages look
> normal),
> and what to do to fix them?
The point that we are trying hard to make, is that there is
no easy button.
The largest (by far) reason that a page would not look the
same in all
browsers would be the use of invalid HTML. That's why I
steered you to the
validator.
> I can send you some screenshot of the pages
A screenshot is of no use at all. Sorry. The answer is in the
code.
> I do not have link address for those pages yet.....
Without seeing your code, nobody can give you substantive
help.
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
==================
"EstherH" <[email protected]> wrote in
message
news:[email protected]...
> Hi Murray,
>
> The web pages I am creating is to show my homeworks and
projects for
> school.
> And right now, I am working on local site and I haven't
putting them
> online
> yet.
>
>
http://validator.w3.org/ showed
me: "Sorry! This document can not be
> checked."
>
> I was wondering what might be the causes lead to
different looks in
> different
> browers (in one brower, pages messed up?in another
brower pages look
> normal),
> and what to do to fix them?
>
> If it is useful, I can send you some screenshot of the
pages. Sorry that I
> do
> not have link address for those pages yet.....
>
> Thanks a lot for your patience and help!
>
> Esther
>
>
>
>
> -------
>
> The first thing to do is to make sure your page's
validate. Do they?
>
>
http://validator.w3.org
>
> --
> 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
> ==================
>
>
> "EstherH" <[email protected]> wrote in
message
> news:[email protected]...
> > Hi Murray,
> >
> > Could you please also advice me how to adjust or
modify in Dreamweaver
> > so
> > that my pages will look normal on all the browers
(IE, firefox,
> > Safari....)?
> >
> > Thanks a lot
> >
> > Esther
>
>
>
>
>

Similar Messages

Website created with iWeb looks different in IE and Firefox than Safari-why

So I spent a few hours working on my Home and About Us page. Then, while browsing this forum, I started seeing posts about how sites done with iWeb might not look good in IE and/or Firefox. I decided to test out my work. I zipped up my site files and emailed them to myself. I went to my Dell desktop and downloaded the files to that computer. I opened up the home page in Firefox first. The site seemed to look ok, and both the home and about us page links showed up and were functional (i.e. I was able to browse back and forth between the two pages). However, I had some bullet points on the about us page that had a green border around them. This rendered fine in Safari on my Mac, but in Firefox, the bottom line of the box was not connected! Why?
After viewing in IE, I was depressed. The site didn't look at all like it should have. Not only that, but I couldn't navigate between the pages, since the links for home and about us were not at the top. What can I do to make sure that a site I create with iWeb looks good in Safari, IE, and Mozilla Firefox?
-A stumped newbie

Well I see that you and I share the same problem, I posted the same type of question and am anxiosly awaiting replies on this topic, as it is very important
I own a small business, and every hour a customer cannot view my site is a customer lost to incompatibility issues.
I hope someone can help answer these issues.
http://www.siegfriedscall.com

Page looks different in Preview and Browser

I am using the Acordion Widget on the left hand side of my page and have inserted video from a third party to the right side.
When I click "PREVIEW", I see the page displayed as in the top image. When I click "PREVIEW PAGE IN BROWSER", it shows up as in the bottom image, which, by the way, is the way I designed it to look. Is there a reason for this discrepancy and which should I trust more? I'm not ready to publish yet, so how can I check it in a real world environment?
I'm losing the top and bottom "bookend" images around the Acordion Widget as well as the bottom button. And the video window and text are skewed off to the right.
Please help.
Louis

Abhishek,
Here is the code for the vimeo embed, plus some lines of code preceding it. This extra code contins the info for the graphic which is missing in the "PREVIEW" window.
<p>With a combined 40+ years of experience, the team of voice actors at L2Images has lent their talents to live and recorded radio and television productions around the country. With male and female voices in a variety of dialects and accents, we can bring your copy to life.</p>
        </div>
       </div>
      </li>
     </ul>
     <div class="colelem" id="u4226">
      <img id="u4226_img" src="images/filmstripbottom.gif" alt="" width="286" height="165"/>
     </div>
    </div>
    <div class="clearfix grpelem" id="pu538">
     <div class="colelem" id="u538">
      <iframe src="http://player.vimeo.com/video/41079915?title=0&byline=0&portrait=0&color=cebb2 f" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
     <div class="clearfix colelem" id="u92-7">
      <p><span id="u92">L2Images provides the finest in commercial photography and videography at affordable rates. </span></p>
      <p> </p>
      <p><span id="u92-4">Contact us for your corporate videos, commercial production and image spots. We also specialize in legal video work.</span></p>
     </div>
    </div>
   </div>
I hope this helps.
Louis

My firefox home page looks different from your tutorial

I am trying to learn to use firefox. Sometimes the firefox home page looks different from the one in your tutorial. Fox example, now I am looking above and the "plus sign" symbol to add a new tab is not there. Please advise me. Thank you.

You can find the New Tab button showing as a '+' on the Tab bar.
You can open the Customize window and drag the New Tab button that shows as a plus sign (+) from the Tab bar on another toolbar and it will become a regular toolbar button like the New Tab button that you have in Firefox 3 versions.
If you can't find the New Tab button then click the "Restore Default Set" button in the Customize window.
*http://kb.mozillazine.org/Corrupt_localstore.rdf
If you want the New Tab button at the far right end of the Tab bar then place a flexible space to the left of it.
* New tab toolbar button: https://addons.mozilla.org/firefox/addon/new-tab-toolbar-button/

Team Blog: Why does my page look different in BrowserLab?

Duane O'Brien, engineer on the BrowserLab team has a new blog post on the BrowserLab Team blog that you might find interesting. It covers when/why you might see rendering differences between the BrowserLab browsers and your local browsers. Good info.
http://blogs.adobe.com/browserlab/2011/07/11/why-does-my-page-look-different-in-browserlab /
Bruce
Bruce Bowman
BrowserLab product manager
BrowserLab Team Blog: http://blogs.adobe.com/browserlab
Twitter: @brucebowman, @adobebrowserlab

As Wyodor indicated IE is not the most advance, up-to-date browser out there.
See Roddy’s tips for making iWeb pages more compatible with IE.
OT

Pdf color looks different in preview and acrobat?

I notice that the colors in various PDF files I have look different in Preview and in Acrobat. Is there some weird color profile issue?
To be specific, I can create a PDF file in various ways, of a slide deck I originally created using Keynote. It has various different color blocks in the slides. In particular some acid green colors look very different depending on whether I open the PDF in Acrobat or in Preview.
Preview shows the colors as they were in the original keynote application. But Acrobat shows them far more muted.
I learned from another post that if I create the PDF by first saving to postscript and then creating the PDF using Acrobat, the issue seems to go away. However this is very inconvenient.
In short, it seems as though there is some peculiar difference between the way Preview and Keynote (and probably Pages ) handle color and the way Acrobat handles color.
Is there some way to fix this using some setting in one of the programs?
By the way, this is not a new problem. I noticed it with previous OS's as well as previous versions of Keynote. I am currently using the latest version of everything.

Same problem here. I was printing a PDF that my designer had sent me. Before I have always used Acrobat, but I've started using Preview in Leopard since it's faster and more powerful than before. But the colors were seriously wrong, often reversed completely. I believe this file was originally created in Illustrator.

BSP APPLICATION DIFFERENT IN IE AND FIREFOX

HI,
BSP APPLICATION DIFFERENT IN IE AND FIREFOX.HOW TO CORRECT THIS ERROR

Hi,
Have a look at note 598860 the browsers supported in BSP
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/oss_notes/sdn_oss_bc_bsp/~form/handler%7b5f4150503d3030323030363832353030303030303031393732265f4556454e543d444953504c4159265f4e4e554d3d353938383630%7d
If you are doing everything on your own, check the following for cross browser CSS:
http://www.utoronto.ca/ian/books/xhtml2/exerpt/css-4a.html
http://friendlybit.com/css/cross-browser-strategies-for-css/
http://www.richinstyle.com/masterclass/crossbrowser.html
Eddy

Border and Padding different in IE and Firefox

The 2 vertical lines should be aligned with the edges of the
photos above, but are showing up differently in IE and Firefox.
http://zooop.net/birch_center/
CSS:
td#maintext {
padding-top:5px;
padding-bottom:0px;
padding-left:8px;
padding-right:30px;
line-height: 2.1;
#main_text_copy {
padding-top:30px;
padding-bottom:0px;
padding-left:25px;
padding-right:25px;
line-height: 2.1;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999999;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999999;
Emilie

> Is there a functional difference between specifying td
widths inside the
> td
> tag, vs the css file? Or do you just think it's easier
to manage?
My inclination is to always use CSS if I need to specify such
things. They
function the same.
> would the css be something like this:
>
> td#maintext {
> width: 400px;
> padding-left:8px;
> padding-right:30px;
> }
>
> or is it column-width: 400px;
The former.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"zzzeeep" <[email protected]> wrote in
message
news:eskn9r$ntr$[email protected]..
> Thank you, I'll try that.
>
> Is there a functional difference between specifying td
widths inside the
> td
> tag, vs the css file? Or do you just think it's easier
to manage?
>
> would the css be something like this:
>
> td#maintext {
> width: 400px;
> padding-left:8px;
> padding-right:30px;
> }
>
> or is it column-width: 400px;
>

My Muse page looks different on Firefox and Chrome - both are the latest versions

On Firefox, my pre-loader wants to load each time it encounters an Edge Animate on my scroll page. Page anchors are slightly changed in Firefox and this messes up my scroll, opacity and Ege Animate triggers.
I'm not sure if this is relevant but I also receive this error message in my browser immediately after exporting to HTML - http://www.broadcastgems.com/mediastreamer5/Muse_js_Error.jpg
Here's my Muse Webpage - http://www.broadcastgems.com/MoGraphIntensity_ShapesText_PreLoad/
Lastly, I can't get my Form on the said page to work - on both Chrome and FIrefox. I can fill in the boxes but clicking 'Send' doesn't seem to do anything. Also, the text column for "Message" is ridiculously narrow - only 2-3 words long and I can't seem to change this. Visually it looks long but once I start typing it wordwraps after only 2-3 words. I'm using the built-in Form widget that comes with Muse.BTW, the form is right at the bottom of the page/URL I provided in the previous para - you can get there via the menu button, Inquiry.
Thanks for any assistance
- Roland

Hi Aish, here's the screen recording I made http://www.broadcastgems.com/mediastreamer5/Muse_Browser_Issue_Jan29_2014_01.zip
Notice how Firefox initiates the Muse pre-loader each time it reaches an Edge Animate object AND how the layout looks different when I use the menu buttons to access page anchors. Unfortunately, I forgot to record the form's Message Text Field, to show how narrow the column is. Any idea on how to fix/enlarge the column for this?
BTW, I just received a form submission that I made a while back - like half an hour ago.
Cheers
- Roland

My Firefox page does not look like yours...I do not hava a fox in the corner to click on,,,,the whole page looks different why?

I am trying to delete history and it says that I should click on the fox in the upper left corner? I have no fox and also, the whole page seems different than the one you show...why?

WinXP versions of Firefox don't have the Firefox button like with Windows Vista and WIn7, because with XP the default is to show the Menu Bar. The Firefox button appears when the Menu Bar is not being shown.
Right-click a blank spot on the Menu Bar ''(to the right of Help)'', and de-select Menu Bar by clicking on that contextual menu item.

Why do my Organizer & Editor pages look different from those in books and the brochure that came?

Why do my Organizer and Editor screens look different from the ones in books and in the brochure that came with installation cd?

Which version of the photoshop elements are you using.
You can get the help files of the latest version of photoshop elements 11 from the following link:
http://helpx.adobe.com/photoshop-elements.html
Thanks
Harshit yadav

Exported swf looking different in Pc and Mac

So I made pages with FC. But now i have noticed that it is looking different in different operating systems.
When I look it with my Mac Book pro using what ever browser (safari, firefox etc.) The text in this page will look like this.
Also as you can see I have pressed down the link "Maanantai". In Mac it is looking ok. But in PC there are some cutting.
And if I look the text with PC (windows XP) with any browser (IE, firefox) it will look like this. How it is possible?
I thought that swf file is WYSIWYG? Apparently it generates something concerning to text.

Hi,
You are correct about font embedding - if you don't do it, your text will look different across platforms.
If you're willing to jump to Flash Builder, here's the documentation on embedding fonts:
http://livedocs.adobe.com/flex/gumbo/html/WS2db454920e96a9e51e63e3d11c0bf69084-7f5f.html
Stay tuned for some font embedding help build into Catalyst...
-Adam

Mac won't open pages in browsers. Chrome and Firefox won't open any pages - Safari will only open a selected few.

I've had some strange browser issues, with Conduit being added to Chrome (which I've tried to remove via the browser settings). Chrome will open my Gmail account but no ther pages. Firefox won't open anything. Safari opens a few pages (this forum thankfully) but is very selective.
Google is returning results to me via Google.es rather than Google.co.uk
I can use all browsers freely on other devices on home network (although Google.es has popped up on my iPhone now). I've run anti-virus software which hasn't picked up any problems. I've tried uninstalling Chrome and Firefox, but am unable to do so.
Any help or guidance would be really, really appreciated.
I'm running the most recent version of Mavericks on 2012 iMac.

Hi,
First of all click Safari/Reset Safari, next click Safari/Preferences/Extensions and turn off extensions. The re-test
If the problem persists, try using safari in safe mode:
Use this link to see how to do this:
http://support.apple.com/kb/HT1564
If Safari works ok in safe mode, then your problem points to something 3rd party related.
Have a look at this:
http://support.apple.com/kb/TS3230?viewlocale=en_US
I hope this helps

Image looks different in Photoshop and Lightroom

I started a forum on flickr and I have some issues with my images. I have calibrated monitor but my images look off online even though I saved them as sRGB. Now my image looks one way in PS and then when I finish editing it and save it, I import it into lightroom and it looks different.
Same image, but it looks different.
http://www.flickr.com/groups/photoshopsupport/discuss/72157626443796391/#comment7215762645 5942911

The image on the left in PS looks the same in Picasa Image
Viewer (I selected it to be color managed based on the monitor profile), looks the same in Windows Image Viewer, and looks the same in the thumbnail. The image on the right in LR is how the picture looks when I look at my image in Firefox but in Internet Explorer and in Chrome, the image looks like the image on the left in PS. The image below shows how the thumbnail looks different from the actual picture when it's double clicked and viewed in Picasa. The thumbnail (which shows the subjects having green skin) would be how I saw it online while the double clicked version is how I saw it in PS, even though it was sRGB (I checked the image properties to make sure of the color space).
I have a ATI 5470 GPU on my ASUS 17.3 inch laptop. Not sure about the drivers.

Pages look different in different browsers

Here's another one -- my edited pages look great in Firefox
once published, but are missing words and pics in Internet Explorer
(that DO exist in the draft version)

Hi,
I am not sure, Please try clearing the cache of the IE and
trying the same again,
Please also provide me the website URL.
Thanks,
Radhika

Page looks different in IE and Firefox

Similar Messages

Maybe you are looking for