Dreamweaver site displays horribly different in Browsers

Hello,
I'm getting really frustrated and I'm hoping the DW community
can help me out. I'm trying to set up my first "real" website and I
finally settle on a layout that I like. The problem is that I'm
having a really bad time getting Firefox 2 to recognize my table BG
color. So far, the only browser that displays it perfect is Safari.
FF takes the page BG color and seems to overwrite the table BG, and
IE 7 seems to ignore the font color but at least recognizes the
tables BG should be different from the rest of the page.
I've tried internal css rules, external css rules, rules for
the whole table and rules for every single cell and FF 2 seems to
still ignore them. Also, IE7 seems to magnify my .gif at the top,
making them look really garbled...
Any idea how to fix the IE image issue, or how to get FF2 to
stop ignoring the table BG color?
www.liberal-latte.com is the site if anyone want to try it
out in various browsers. I'm currently irked and dumbfounded =/
Thanks,
*update* I've been playing more with DW, editing the table,
adding borders, and for some reason FF2 doesn't seem to understand
the border that I put around either. Saf and IE7 show it just as I
see it in DW, but FF2 draws a plain, ugly black border..... Why
does FF2 have such a hard time understanding what i am doing in
DW...?

On Sun, 23 Mar 2008 22:15:54 +0000 (UTC), "ScotchIrishPrince"
<[email protected]> wrote:
>Hello,
>
> I'm getting really frustrated and I'm hoping the DW
community can help me out.
> I'm trying to set up my first "real" website and I
finally settle on a layout
>that I like. The problem is that I'm having a really bad
time getting Firefox
>2 to recognize my table BG color. So far, the only
browser that displays it
>perfect is Safari. FF takes the page BG color and seems
to overwrite the table
>BG, and IE 7 seems to ignore the font color but at least
recognizes the tables
>BG should be different from the rest of the page.
>
> I've tried internal css rules, external css rules, rules
for the whole table
>and rules for every single cell and FF 2 seems to still
ignore them. Also, IE7
>seems to magnify my .gif at the top, making them look
really garbled...
>
> Any idea how to fix the IE image issue, or how to get
FF2 to stop ignoring the
>table BG color?
> www.liberal-latte.com is the site if anyone want to try
it out in various
>browsers. I'm currently irked and dumbfounded =/
>
> Thanks,
Colors need the # sign. For example,
bgcolor="f1f5eb"
should be
bgcolor="#f1f5eb"
Win
Win Day, Wild Rose Websites
[email protected]
drink it. feel it. share it.
http://www.mymonavie.com/winday/

Similar Messages

Problems with site displaying in different browsers

Hi,
I have made this site in dreamweaver CS3 using one of the default templates when you make a new documents. On Safari and Firefox (and I think on recent IE browsers as well) it looks fine, however on IE6 and IE7 it messes up completely, and the content in the middle frame is pushed right down to the bottom of the page. You can view the site here: http://www.flat29.com/ (and check the source code there too)
I have tried a number of different things to fix the problem, but I have no idea what is causing the issue, so its difficult to troubleshoot! Any help with this would be massively appriciated!
Thanks
Dan

Unfortunately you have paid the penalty for using one of the templates which ships with Dreamweaver. They are amongst the most awfully constructed pieces of shite I have ever come across. They are not written for the novice to understand but by some twatt that has their head up their arse.
Now I'm going to give you a few simple steps (which Adobe should have f_cking done before they released these pieces of crap) which will provide a stable approach.
Step 1) Move your 'mainContent' <div> to directly after the end of your sidebar1 </div>. You can do this by selecting the 'mainContent' <div> tag at the bottom of Dreamweaver design view then switching to code view where you will see all of its code selected. Cut the code.
Step 2) Go back into Dreamweaver design view and next select the 'sidebar1' <div> tag along the bottom of the window. Now switch back to code view and scroll down the page until you come to the end of the highlighted section of code i.e. (the end of the sidebar1 <div>)
Step 3) Place your mouse cursor right after the closing </div> tag of the 'sidebar1' <div> and paste back in the 'mainContent' <div>.
Step 4) Amend the css in your css style sheet for the 'mainContent' css selector to as below:
.thrColFixHdr #mainContent {
float: left;
margin-left: 14px;
display: inline;
background-color: #000000;
width: 404px;
Thats it!
Don't worry about IE6 no-one much uses that anymore.

Site Displays horrible in IE 6, What to do?

I created this site in DW CS3 using css. It displays fine in IE 7, Netscape and Firefox Mac and PC version; however, in ie6 the alignment is all off. I have run WC3validator.org, and it does have errors (that I cannot figure out how to fix), but the areas where the errors are aren't the problem areas in IE 6. Is there some kind of coding that I can put at the top for IE 6 that will fix the layout issues? What should I do? If I fix it to display right in IE 6, then it doesn't look right in IE7.
URL: http://www.lotusvalleydesigns.com/meixnerconstruction/home.html
Any help is appreciated...thank you!

You had spacing errors that were causing the confusing messages. Try this code (it validates) -
<!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 name="Description" content="Meixner Construction is a general engineering contractor specializing in underground utility construction including Sanitary Sewer, Storm Drain, Domestic Water and Fire Protection."/>
<meta name="Keywords" content="Meixner,Meixner Construction,Construction,Pipeline,Sewer,Storm Drain,Fire Protection,Lotus,Excavation" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Meixner Construction Underground Pipeline Contractor</title>
<link href="cssstyles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<style type="text/css">

</style>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<style type="text/css">
a#home { color:yellow; }
</style>
<style type="text/css">
a#home1 {color: red; }
.style5 {font-size: 12px}
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapperinside">
    <div id="header">
      <div id="headerlogo"></div>
      <div id="headercontent">
        <h1>Underground Pipeline Contractor </h1>
        <h2>Serving Northern California<br />
          Since 1988<br />
        CA License # 452294 Class A </h2>
      </div>
    </div>
    <div id="clear"></div>
    <div class="header2" id="content"> Welcome to MeixnerConstruction.com    </div>
    <div id="containermain">
      <div id="containerbackgroundpictures">
      <div id="containerpictures">
       <div id="contentpic1"></div>
        <div id="contentpic2"></div>
        <div id="contentpic3"></div>
        <div id="contentpic4"></div>
        <div id="contentpic5"></div>
      </div>
    </div>
<div id="contentmaininterior">
<div id="headerul">
<div id="headerula">
            <ul id="MenuBar1" class="MenuBarVertical">
<li><a href ="home.html" id="home1">Home</a></li>
<li><a href="safety.html" id="safety1">Safety</a></li>
<li><a href="#" id="ourservices1"> Our Services</a>
    <ul>
      <li><a href="ourservicescommercial.html" id="commercial1" class="MenuBarItemSubmenuHover">Commercial</a></li>
      <li><a href="ourserviceshomeowner.html" id="homeowner1" class="MenuBarItemSubmenuHover">Homeowner</a></li>
    </ul>
</li>
<li><a href="team.html" id="team1">Our Team</a></li>
<li><a href="contact.html" id="contact1">Contact Us</a></li>
<li><a href="links.html" id="links1">Links</a></li>
            </ul>
          </div>
        </div>
<div class="maincontent" id="contentmain1">
<p>Meixner Construction is a general engineering   contractor specializing in underground utility construction including Sanitary   Sewer, Storm Drain, Domestic Water and Fire Protection. We also specialize in Joint Utilities Trenching and   installation of    Gas, Telephone, Cable, and Electric Conduit.</p><p>Having been in business since 1988 Meixner Construction has completed hundreds of projects in   both the public and private sectors. Our guiding principals have always led us   to reach our goals. We have accomplished these goals while paying the utmost   attention to the safety and health of our employees, the general public and   everyone we come in contact with.</p>
        <p>Meixner Construction brings to each   project the highest level of professionalism, experience and quality of work   that should be expected.</p> </div>
        <div class="address" id="contentaddress">Meixner Construction</div>
        <div id="contentbusinessname"> <ul><li class="classol"><span>PO Box 496, Lotus, CA 95651</span></li>
        </ul>
        </div>
        <div id="contentphone"><ul><li class="classol"><span>530-626-8182</span></li></ul>
        </div><div id="containermainlogo"></div>
      </div>
    </div>
    <div class="footer" id="footer"> <a href="home.html" id="home">Home</a>| <a href="safety.html" id="safety">Safety</a> | <a href="ourservicescommercial.html" id="commercial">Our Services Commercial</a> | <a href="ourserviceshomeowner.html" id="homeowner">Our Services Homeowner</a> | <a href="team.html" id="team">Our Team</a> | <a href="contact.html" id="contact">Contact Us</a> | <a href="links.html" id="links">Links</a></div>
</div>
<div class="bottomcopy" id="footercopy"> ©Meixner Construction. All rights reserved. 2009
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Testing website in Dreamweaver for compatibility in different browsers

Hi,
A while ago, I had read on my facebook wall (but can't find that comment anymore) that Dreamweaver had recently made an upgrade; we are now able test our website in Dreamweaver for compatibility in different browsers and that it also tells us what needs to be fixed for our site to work within certain browsers. Where do I go for that exactly?
Thanks

There is an extension for DW called browserlab I think. Seems slow to me but I havent used it much.
browsershots.org is a good site where you can test your pages in most any browser ever invented. Its somewhat slow, depending on how many browsers you want to test, but I like it.

Edge animation-images are not displayed on my dreamweaver-site

Hello, could someone please help me?
My animation, which is inserted into a Dreamweaver-website, shows no pictures - only text elements when you open the page in the browser. In the live view and preview in the browser the images are displayed but on the Website they are not display. I have already set the file permissions to 777 - but it did not help.
When i open the Animation without my Dreamweaver-site - only the Animation in the browser the Images are displayed correctly.

I've just found the error! One file was not uploaded... sorry ! Anyway thanks for the quick reply!!!

How to display visited sites in a different color? For example, when I'm going down an ebay search list.

How do I make settings so that visited sites have a different color hypertext? For example, when I'm going down an ebay search list I want to know what items I already viewed.

* Make sure that the History is set to at least 1 day: Tools > Options > Privacy > History: "Remember visited pages for at least"
* Make sure that you do not start Firefox in Private Browsing mode (Tools > Stop Private Browsing is grayed, see [[Private Browsing]])
* To see all History and Cookie settings in Tools > Options > Privacy, choose the setting "Firefox will: Use custom settings for history"
Your above posted system details show outdated plugin(s) with known security and stability risks.
* Shockwave Flash 10.0 r12
Update the [[Managing the Flash plugin|Flash]] plugin to the latest version.
*http://www.adobe.com/software/flash/about/

Dreamweaver site not showing flash in IE

mymei.com
A website I manage was displaying Flash in all browsers when
I launched it about 8 months ago. Somewhere in the interim, the
Flash stopped working in IE and Safari. It came to my attention and
I've been trying to see how to link the Flash files in Dreamweaver
CS3 so that this does not occur. HELP PLEASE!

I made a mistake in the code I sent you, here is the correct
one didnt copy
the right one Sorry.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style>
.style1 {
font-size: 12px;
.style2 {
font-size: 16px;
border;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
</style>
</head>
<body>
PUT YOUR PAGE HERE
</body>
</html>
aka Frenchy ASP
"Alain St-Pierre" <[email protected]> wrote in
message
news:[email protected]...
> Yeah check your page for errors as Murray said this is
wrong
> <HTML><HEAD>
> <TITLE>RDCD Fusion Enterprise
Dashboard</TITLE>
> <style type="text/css">
> 
> </style>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1"></HTML>
>
> <HTML>
> <HEAD>
>
> In this code you have 2 opening <html> tag and no
closing the same as
> <head> it shoud look more like this;
>
> <!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=iso-8859-1" />
> <title>RDCD Fusion Enterprise
Dashboard</title>
> <style>
> .style1 {
> font-size: 12px
> }
> .style2 {font-size: 16px}
> .border {
> border-top-style: none;
> border-right-style: none;
> border-bottom-style: none;
> border-left-style: none;
> }
> </style>
>
> </head>
>
> <body>
> PUT YOUR CODE HERE
> </body>
> </html>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Fix these first. Then worry about cross-browser
differences....
>>
>>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.egprototype.com%2F
>>
>> --
>> 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
>> ==================
>>
>>
>> "mhutto42" <[email protected]>
wrote in message
>> news:[email protected]...
>>> Thanks Alan.
>>>
>>> That worked to update the site with the updated
.swf files.
>>>
>>> Still, the site look completely different with
IE and Firefox. Any
>>> reason for this?
>>
>
>

Site displays well in Safari and IE, but no good in Firefox

I built a site using iWeb '08 (2.0.4) and published it to space on iDisk. The site displays as designed on Safari (3.2.1); is marginally acceptable on IE 7 (in a virtual Windows emulator); and is unusable on Firefox (3.0.5).
I notice that iWeb generated three css files for each page of the site: a pagename.css, a pagenameMOZ.css, and a pagenameIE.css. The pagename.css is lovely; the pagenameIE.css is very basic; the pagenameMOZ.css is just a skeleton.
I'm new to this. How do I resolve the issue? Would using different fonts be of some help? Limiting the design to avoid the use of lists and shapes? Must I generate three versions of the website to support these three browsers? And if so, how does iWeb know which standard to use for each build?

I have the same issue - I use Firefox 3.1 Beta 2 (cause i'm one of those early adopters !!!)...the screen is OK, but any graphics I've imported into it, especially those that are GIF/transparent, now have a funny shadow under it, ie:
http://web.me.com/bigmouthmedia/bmm/Voice_Demos.html
But yet I look at it in Safari, and it's perfect. Haven't yet tested it on Windows XP/7
Message was edited by: Paul Julian

Incompatibility between DW on different computer browsers

I'm a graphic designer / dabble a bit in DW / beginner coding skillset
In essence:
1) I'm working on a five button menu in a style that's commonly known as a "Mac (MacIntosh) Docker / Fisheye" effect.
2) On one computer it works fine in the IE browser.
3) I copy all related the files in order to place them on another computer.
4) Upon viewing the same file in the browser (both Fire Fox and IE) on this computer, the rollover effects do not work.
Any suggestions?

Thanks for the quick response.
This is but an experiment so it's not posted anywhere. The files are few so I've attached them (hope you don't mind).
For the few sites I create; I use a very easy WYSIWYG program called "Xara Web Designer". I create my pages there and every so often I like to slip in a special effect I find online. In this case it was a Mac Docker http://ndesign-studio.com/blog/css-dock-menu similar to this one. I tweak the code in DW; kind half-***, trial & error - nip & tuck while previewing in split screen / live view. When I like what I see I save it.
I go back to Xara and create a "placeholder" box and paste in the html code from the docker (created in DW) - hit preview in browser and voilá - no fuss no muss.
It's how I've done things up to know but this particular docker is giving me grief and I can't seem why.
NOTE:
In the past I've seen a .css file in the batch. In this docker there is none yet it looks fine in DW.
As I stated before; I'm strictly a graphic designer swimming in the deep end of the pool . . . with no floaties!
Any assistance is greatly appreciated.
Date: Wed, 15 Aug 2012 07:42:55 -0600
From: [email protected]
To: [email protected]
Subject: Incompatibility between DW on different computer browsers
Re: Incompatibility between DW on different computer browsers created by SnakEyez02 in Dreamweaver - View the full discussion
If you are using DW rollover effects did you copy over the Scripts folder as well with the Javascript files to make the rollovers work, or are you using CSS for the effects. If you are sure you have all the files please share the page with us so we can see it.
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4622890#4622890
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4622890#4622890. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

How do I make a 20 X 30 print with layers of 16 X 20, 12 X 18, 11 X 14, 8 X 12, 8 X 10, 5 X 7 and 4 X 6 of the same image to display the different sizes available to someone? Using Elements 13 with Windows 8.1

How do I make a 20 X 30 print with layers of 16 X 20, 12 X 18, 11 X 14, 8 X 12, 8 X 10, 5 X 7 and 4 X 6 of the same image to display the different sizes available to someone? Using Elements 13 with Windows 8.1
A senior citizen needs some help.
Thanks

Saving each image as different size - is it an option for you? I would save images with their name as: 20x30.png, 16x20.png etc etc.
Or explain whether you want these in a webpage in which case only one image is necessary and different sizes are displayed with good CSS code. this is question for Dreamweaver forum if this is what you want.

I would like to add content that changes on a calendar basis, such as 'thought for the day". It can then display a different text or image on a nominated day. Can this be done? Robert.

I would like to add content that changes on a calendar basis, such as 'thought for the day". It can then display a different text or image on a nominated day. Can this be done? Robert.

OK Thanks Brad.
I could use Tockify of course, but wanted to create the same things on an existing site.
I do not know how to copy the code and get it onto Muse, but that’s OK for now. I will work something else out.
Robert

How can we change the color of the image for product display for different

Hi All,
How can we change the color of the image for product display for different colors, to be displayed on site.
jeff

Hi priya,
The requirement that you have stated is not a standard feature in ISA CRM. In order to do the same, you will need to modify the standard ISA code in Java. A common path for the solution would be as follows:
1. Colours
    a. Maintain a text type for Color under the object - PCAT_ITM in Customizing.
    b. Modify the standard search of ISA to search within your new text type as well. (In standard it only searches in Description.
   c. Maintain all shirts colour data in the new type created in step a.
   d. Your requirement will be done!
2. Price
a. Use list prices for your shop and assign the appropriate condition type, acces in your catalog.
b. Modify the standard search of ISA to search on the list prices as well.
c. This too will be done!
3. Accessories - This is very tricky, and will require some exploration. However, here's my opinion,
a. Search for the standard function module, which will return the accessories when provided the product as an input.
b. Modify this function module according to your requirement and ensure that it can be accessed remotely.
c. Modify the JSP as in steps 1b and 2b above to call this new remote-enabled function module.
d. Now you're done!!
The ISA modification part is not so simple, you need a really good guy like "Sateesh Chandra" who'll be able to handle your requirements. This is all I could manage, hope it is some help to you!
Thanks & Regards,
Nelson.

Help! My DW site displays in FireFox, but does not work in IE

Help! My DW site displays fine in FireFox, but only the background loads in Internet Explorer and I get an error message that the site cannot open. The site is www.bransonareagolfcouncil.com

You've got lots of validation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bransonareagolfcouncil.com%2F
Also, this forum is for DW application development. In the future try posting to the Dreamweaver forum.

Can I make my web page stretch and shrink to fill different sized browsers?

Hey team,
I just built my first site in iWeb: www.dylanjamesgeorge.com
I'm using iWeb version 3.0.2
I set the page width to 1200px because that's what looks best on my screen, however when I look at the site on a larger or smaller screen it doesn't look good. When I check out some other websites they manage to make their content stretch to fill different sized browsers. Something about using relative sizes (%) instead of absolute sizes (pixels) for the page dimensions?
I know iWeb doesn't offer this option, but I'm wondering if there's anyway to change the code manually.
I'm just trying to avoid people with small screens having to scroll to see content and people with large screens being left with lots of void space on either side of the screen.
Thanks in advance for your time.
Dylan

Hey Roddy,
Thanks for your reply. I've read that before, but what I'm trying to do is get the content on my page to move as the browser window gets smaller. For example, if I grab the bottom right hand corner of my browser right now and make the window smaller, the content of this page will adjust itself to stay centered until the window is too small, THEN it will add a scroll bar. Any idea how to make this happen in iWeb?

Inspect or check IE7, IE8, and IE9 Dreamweaver sites on my mac?

Hi. Apart from using Parellels, Virtual PC, buying Windows 7, etc, is there a free way to inspect or check my dreameaver site in internet explorer while on my apple mac or macbook? Doesn't Adobe have some way of letting mac users check IE compatibility with CS5 dreamweaver sites?
CS5, CS5.5
Macbook 10.5, Macbook 10.6, Macbook 10.7
Thanks!!!

Hi jaynew16,
I'm a little hesitant to answer this because it almost seems like a trick question You posted this in the forum for Adobe BrowserLab, a web-based tool for cross-browser webpage compatibility testing. There is currently no charge for using it, and you should be able to test any public webpage by doing the following:
Go to https://browserlab.adobe.com
Register with your Adobe ID
Click on Browser Sets and choose which browsers you want to test
Click on Test and enter your URL into the entry field
Press Enter and screenshots of your URL will be returned which you can view singly, side-by-side, or overlaid
If your site isn't public, we offer Dreamweaver and Firefox integration pieces that allow you to test pages behind your firewall. Turn on the extension in Dreamweaver by going to Window > Extensions and selecting Adobe BrowserLab. Make sure your version of Dreamweaver has all the latest updates, and you should be good to go for testing pages directly from your machine.
Let me know if you have any further questions,
Mark

Dreamweaver site displays horribly different in Browsers

Similar Messages

Maybe you are looking for