Site looks different in IE vs. Firefox. Please Help.

Here's a site that I'm working on: www.beyondtheexterior.org/resources.html
It looks different in IE than it does in Firefox. Any suggestions? Thanks.

Start over. When you use Photoshop or any other graphics editor to generate your HTML code, you're asking for trouble. The code is too rigid and fragile for anything more than quick prototypes.
Use graphics apps to create images only. Use DW to build your HTML and CSS code.
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

I have formatted my Hard Drive, and i want to restore my bookmarks in firefox, please help!

i have formatted my Hard Drive due to virus slowing down the computer, and oh!, its OS is XP. i want to restore my bookmarks in firefox, please help! . Good Day!

Hi,
Did you backed up these ones on an external support or synced on a firefox sync account ?

Itunes will not respond to my ipod touch, i have re-installed countless times and it still is not working. i have also tried different USB's and nothing. please help!

Itunes will not respond to my ipod touch, i have re-installed countless times and it still is not working. i have also tried different USB's and nothing. please help!

- Try here:
iOS: Device not recognized in iTunes for Windows
- Next try a different computer to help determine if you have a computer or iPod problem.

I am not able to login to my facebook account and error message reads "This web site does not supply ownership information." Please help

I am not able to login to my facebook account and error message reads "This web site does not supply ownership information." Please help
only title bar opens and nothing else....please help

Normally, when you connect via http, the browser doesn't check for site identity, so I don't understand what's happening there.
Do you have any security-related add-ons that force popular sites to use a secure connection, or claim to provide anonymous browsing?
Were you making the connection on your own network or on a public network (e.g., school, coffee shop)? If it was a public network, maybe the error indicates that your traffic was being intercepted???
Without hands on, this is a tough one to diagnose.

Drop Shadows not showing up with iweb 2.04 in firefox please help!

Drop Shadows on my frame are not showing up with iweb 2.04 and firefox please help!
They show up with safari but not firefox. I've read that publishing to mobile me solves it but I publish to my hard drive and ftp to my host (not mobile me).
Thanks for any help

Drop shadows, borders etc are a bad idea in that they increase the file size and the download time of your page.
Create your image, drop shadow etc on your iWeb page, take a screenshot, crop it and replace the original image with the, much reduced, JPEG>
Example....
http://roddymckay.com/PhotoStuff/PhotoFile.html

Why does my site look different in chrome, safari and explorer?

Hi,
My site looks ok in Firefox but it looks different in chrome, safari and explorer...
I have already tried to clean the cache and delete cookies, what I have to do?
Thanks for helping!
Livia

Hi Livia
I have checked the file and can see that you have used a slideshow for browser background , the page fill is the hero image where the thumbnails are disabled.
If you remove the slideshow then the issue is resolved as the red bar in top and white bar at bottom comes fine with all browsers.
Please remove the slideshow from page background and use the same image as browser fill which will fix the issue.
Thanks,
Sanjit

Published site looks different on mac and pc?

having (finally) published my site, why do the fonts and layout look different on my mac to my husbnad's pc? v odd???

because different browsers interpret CSS files indifferent ways and because fonts that are installed on your mac may not necessarily be installed on your husbands pc. It is a common gripe of web designers (not just those using iWeb) that margins and padding (for example) are all read differently by IE than by FF.

Why does my DW site look different depending on computer?

Here are my specs...
I am using Dreamweaver CS4 on two computers. One is a 64 bit windows 7 desktop with a 24" widescreen monitor, and the other is a 64 bit windows 7 17" widescreen laptop. I access the site from both computers using a usb external drive (backed up every night). Because I travel a bit, I find that most of the site work I do is on the laptop. As one would hope in a WYSIWYG environment, my design view on the laptop is pretty close to what the uploaded site looks like. Very close. However, when I do need to work on the desktop, the design view will show divs out of place, way over to the right or left as though pushed or something. BUT, when I check the preview and/or upload the page and check it online--everything is fine.
I've learned to ignore it if I know it is not affecting the output, but it would be helpful if there is a way to have both views accurate. Any ideas?

Thanks very much for looking at the code, and I didn't realize about the ampersands. I ran the validator tonight and wow, I'm embarrassed. I went through and repaired a great deal in my main template page, and tomorrow I will have to go through the other pages and see if I have more. I'm sure I do. While I was able to fix a lot of the errors, there are still some on this page (main template) that have me confused, and I welcome some wisdom. After fixing as many errors as I could the following list has me stumped.
The reason I am stumped is because all of these lines are created by Dreamweaver. I didn't write them. I have attempted to change the order of the lines, but still come up with validation errrors just in a different order. Here are the lines as the validation report refer to in my template: I will put the corresponding numbers at the beginning of the appropriate lines...
Thank you for any suggestions anyone has.
    <!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>
    <link href="../css/main.css" rel="stylesheet" type="text/css" />
    
    <title>Untitled Document</title><meta http-equiv="X-UA-Compatible" content="IE=7">
    
[8]    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
[9]    <script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
[10]   <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
         
         
[13]         <link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
[14]         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
[15]         </head>
   <body>
   
   <div id="headerWrapper">
     <div id="navWrapper">
       <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="../index.html">Home</a></li>
         <li><a class="MenuBarItemSubmenu" href="../about.html">About</a></li>
         <li><a class="MenuBarItemSubmenu" href="../services.html">Services</a></li>
         <li><a class="MenuBarItemSubmenu" href="../portfolio.html">Portfolio</a>
          <ul>
            <li><a href="../clients.html">Clients</a></li>
            <li><a href="../events.html">Events</a></li>
            <li><a href="../projects.html">Projects</a></li>
            <li><a href="../photos.html">Photos</a></li>
            <li><a href="../videos.html">Videos</a></li>
          </ul>
        </li>
        <li><a href="../press.html">Press</a></li>
        <li><a href="../contact.html">Contact</a></li>
      </ul>
    </div>
    <div class="noitalics" id="headerHeadline">headerHeadline</div>
</div>

<div id="blackBar">
    <div id="blackBarContainer">
    <div id="imageSlideshowContainer">Content for id "imageSlideshowContainer" Goes Here</div>

[47]      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Clients</div>
          <div class="AccordionPanelContent"><a href="../clients.html"><img src="../images/clients_nn.png" width="280" height="200" /></a></div>
        </div>

Why does my site look different in google chrome and explorer

My site looks and feels great in Fire Fox but it looks like crap in google chrome and explorer...is there any way to fix this issue?
Thanks for taking the time to help me out on this!
http://cweb14.businesscatalyst.com/index.html

I checked with 8.1 same version browser but cannot see the difference.
Please try to reset the browsers and check again.
http://support.microsoft.com/kb/923737
https://support.google.com/chrome/answer/3296214?hl=en
Thanks,
Sanjit

Site looks different in the browser preview then it does in Dreamweaver

I am doing a school project and I am trying to make a kind of news site. It is all based around table and in the Dreamweaver design view all my text is exactly underneath the picture, but when I preview in browser there is lots of space between these cells. I have my cell padding, cell spacing and border thickness all to 0 but this does not resolve the problem. I am so stuck and my project is due next week, please help!

It is not online, I will put it online at some point when it is finished but at the moment it isnt. I shall copy my code into this reply:
<!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>Untitled Document</title>
<style type="text/css">
body,td,th {
          font-family: DubielPlain, "Dubiel Italic";
          color: #333;
          font-size: 16px;
          font-style: italic;
body {
          background-color: #FFF;
          background-image: url(Background%20Bar%20copy.png);
          background-repeat: no-repeat;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: none;
a:active {
          text-decoration: none;
          font-size: 16px;
.uwd {
          color: #F90;
.wad {
          font-family: DubielPlain, "Dubiel Italic";
.aef {
          font-style: italic;
.aef {
          font-style: italic;
.ipoi {
          color: #FFF;
.alshd {
          font-style: normal;
.LinkOnWhiteBackground {
          font-family: DubielPlain, "Dubiel Italic";
          font-size: 14px;
          font-style: italic;
          color: #333;
.NavBar {
          font-family: DubielPlain, "Dubiel Italic";
          font-style: normal;
          color: #FFF;
.LinkOnWhiteBackground {
          font-family: DubielPlain, "Dubiel Italic";
          color: #333;
.BlackLinks {
          font-family: DubielPlain, "Dubiel Italic";
          color: #333;
.aef1 {          font-style: italic;
.aef1 {          font-style: normal;
</style>
</head>
<body>
<table width="1403" height="1018" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="232" height="70" valign="top"> </td>
    <td width="27" style="font-style: normal"> </td>
    <td width="213" valign="middle" style="font-style: normal"><h2 class="ipoi"><a href="Homepage.html" class="NavBar">FASCIA ALTA</a></h2></td>
    <td width="142" valign="middle" style="font-style: normal"><h2 align="justify" class="ipoi"><a href="Travel.html" class="NavBar">TRAVEL</a></h2></td>
    <td width="152" valign="middle" style="font-style: normal"><h2 align="justify" class="ipoi"><a href="Couture.html" class="NavBar">COUTURE</a></h2></td>
    <td width="175" valign="middle" style="font-style: normal"><h2 align="justify" class="ipoi"><a href="Hollywood.html" class="NavBar">HOLLYWOOD</a></h2></td>
    <td width="234" align="left" valign="middle" style="font-style: normal"><script type="text/javascript">
var domainroot="www.google.com"
function Gsitesearch(curobj){
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
</script>
<form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
<p><br />
<input name="qfront" type="text" style="width: 155px" />
   <input type="submit" value="Search" /></p>
</form>
<p style="font: normal 11px Arial"> </p></td>
    <td width="21"> </td>
    <td width="53" align="right" valign="top"><h5>Login</h5></td>
    <td width="66" align="right" valign="top"><h5>Sign Up</h5></td>
    <td width="88" align="right" valign="top"><h5>Learn More</h5></td>
</tr>
<tr>
    <td height="19"> </td>
    <td valign="bottom"> </td>
    <td valign="bottom"><h3> </h3></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td rowspan="4" align="left" valign="top"><h3 class="aef"><img src="Haircut.png" width="210" height="315" alt="jen law haircut" /></h3></td>
    <td height="15" valign="top"> </td>
    <td valign="top"><h3>Welcome to FASCIA ALTA!</h3></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="44" valign="top"> </td>
    <td valign="top"><h3 class="aef"><span class="aef1">Everything you need to know about everything and everyone; browse our hot-topic A-list celebrities; stylish fashion and prime travel locations. </span></h3></td>
    <td rowspan="2"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="73" valign="top"> </td>
    <td valign="top"><h4> </h4></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="143"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="105" align="left" valign="top"><h4 class="alshd">Jennifer Lawrence's "impulse" haircut is the talk of Hollywood after this bold move could potentially damage her career.</h4>
    <p><a href="file:///Macintosh HD/Users/adamwoodcock/Documents/School/ICT/Oops.html" class="BlackLinks">Click here to find out more.</a></p></td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="42" align="left" valign="top"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="15" align="left" valign="top"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="434" align="left" valign="top"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
</table>
</body>
</html>

I upgraded to Firefox 6 random websites are using illegible fonts from my computer instead of the default. No issues with Firefox 5 or any other browser I use. Each time I open Firefox or reinstall it a different illegible font appears. Please help.

Firefox 6 using incorrect fonts.

When I delete the font that keeps showing up as the default, a new illegible font appears. The fonts are not 'garbled' they are just decorative typefaces that are being grabbed from my computer. I have never had an issue with my fonts on old Firefox versions or other browsers like chrome, safari, etc., so I don't think the issue is my fonts. I also don't want to have to delete all the fonts off of my computer. I uploaded another photo of when I deleted the font that was appearing before. Please help if anyone has found a solution to this problem with Firefox 6+ :/

I am trying to block a maleware site not previously identified by Mozilla. Please help

i have picked up what my research is telling me is maleware. I have ran 4 different kinds of security/maleware elimination programs and NONE seem to be working. I have done a system restore to the point before this started happening and I want to block the site/page from my computer. All I can find is parental controls on Mozilla- It started happening just 4 or 5 days ago, when i boot up my computer it spontaneously opens up to a (empty) web page before I even click on the firefox icon! The site address showing in the window is : https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-prn1/hellocdn.html?v=1
Please Help!

Microsoft has a utility to look at and manage your Startup programs. You can download it here: http://technet.microsoft.com/en-us/sysinternals/bb963902.aspx
Two other ways a web page can open in your default browser at startup would be:
(1) Shortcut to that URL in your startup folder
(2) Scheduled Task set to run at startup
To see whether one of those could be the cause, try making Internet Explorer your default browser before your next Windows shutdown, and see whether the page opens in IE the next time you start up.
This site's malware support article lists a couple of specialized forums at the end. If the problem persists, you may want to post on one of those for step-by-step cleanup advice. See: [[Troubleshoot Firefox issues caused by malware]].

Spry Menu rendering improperly in Firefox - PLEASE HELP

Hello:
I have searched the forums and the web and can't find the
solution to the following problem.
I have a vertical spray menu with flyouts (CS3). Works great
in IE, in Firefox, the flyouts go to the far right of the page.
They used to be OFF the page, but I fixed that, I just can't figure
out the final fix.
Can someone please help? TIA!
URL:
http://www.yourhonor.com
Code for Menu bar:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* 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: 85%;
cursor: default;
width: 130px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-weight: bold;
/* 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;
background-image: url(../images/Images/ButtonMaroon.png);
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 130px;
/* 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: 85%;
position: absolute;
z-index: 1020;
cursor: default;
width: 130px;
font-family: Arial, Helvetica, sans-serif;
left: -1000em;
/* 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;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #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;
padding: 0.5em 0.5em;
color: #000000;
text-decoration: none;
background-image: url(../images/ButtonGold.png);
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
color: #663300;
background-image: url(../images/ButtonBronze.png);
/* 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
color: #660000;
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(../images/ButtonGold.png);
background-repeat: repeat-y;
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(../images/ButtonBronze.png);
background-repeat: repeat-y;
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;
/* 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
f\loat: left;
display: inline;
width: 130px;

Hi,
You have made too many changes to the original stylesheet.
Please have a look at my remarks here.
I hope this helps.
Ben

Hi my partner used my email address and iTunes account to set up his iPhone and now both our phones have merged! Does anyone know how to separate these? Can he still use our iTunes account with a different Id or email! Please help!!

HI my partner used my apple id and email address when setting up his iPhone so when he turned on iCloud our phones merged!! How do we undo this? Can he still use my iTunes account with a different Id and can he change the email on his phone without losing information? Also iPad is linked too, the family uses this and I would like to keep my phone separate! At the moment nothing is sacred! Please help! We are not very good with computers!!

Several things here so let me attempt to clarify.
For iCloud the reason the contacts where removed from he other device is because you updated your contacts, in this case deleted them, and then iCloud updated the other device to match. By deleting the iCloud account on the device it will stop the device from using that iCloud account and therefore nothing will change on the other device. By using a seperate Apple ID you can still use the features of iCloud, Find My iPhone comes to mind, without your content (contacts, message etc.) merging with the other device
For iTunes, you cannot use two Apple IDs for one account however if you use the same account iTunes on your computer will keep the content on each device seperate very nicely. You can also configure the settings for iTunes and the App store on each device to keep the content from automatically downloading to the other device. What I meant by share apps and music is this. What happens if you find a game, lets say Minecraft, that you really like and it cost, as Mincraft cost, $6.99USD. You buy it and play for a while and then you realize that your husband really likes the game as well. If you both use the same Apple ID for iTunes he can download the $7.00ish game to his device at no additional charge. If you use seperate Apple IDs for iTunes well... it look like he will also be paying for the game to have it on his account. Same goes for Music and Movies
I hope that clears things up. Let me know if you have anymore question.

FLASH Player 10.1 NOT WORKING WITH FIREFOX PLEASE HELP!!

Hello I need help with this problem quickly. I have had this problem for the last month and it's driving me crazy.
I am running Firefox 3.6.10 on a 32 bit on Windows Vista I have tried uninstalling and re installing nothing is working. I have read through many post and still haven't got any luck please Help.
Here are some of the things listed on my system32 Macromed flash
FLASH 10K.OCX
FLASH INSTALL
FLASH PLAYER.XPT
FLASHUTIL10K_ActiveX.dll
FlashUtil10_ActiveX
FLASHUTIL10k_Plugin
NPSWF32.DLL
PLEASE HELP THANKS IN ADVANCE

Hi, Just got my Internet connection back! Without knowing what add ons/plugins/extensions you have in FF, it is difficult
for me to say what else may be conflicting.
Other than that, your choices are either Uninstall 3.6.10 and Install a version that wasn't giving you a problem. You could Install the FF beta.
Mozilla has a list of many extensions that conflict with FF if you want that link to look over. One of the other links has to do with other issues that may be helpful.
Let me know and I'll post those to you.
Thanks,
eidnolb

Site looks different in IE vs. Firefox. Please Help.

Similar Messages

Maybe you are looking for