Need help making site work on Firefox and IE...

revrodogg · 10-11-2008, 06:24 PM

I am fairly new at designing sites (I have only been video editing for 7 years on FCP) and I am designing this site (http://www.mikerosado.com/Ed_Web/ - temp location) with Dreamweaver CS3 and it looks great on Safari but horrible on Firefox and IE. I am new to using CSS and I searched the web for similar issues and have been playing around with it but I can't get it to work. I've created some sites before using CSS and it's been fine until now.

Any suggestions? Please help

**dm01** · 10-12-2008, 11:25 AM

This is a common problem when you design web sites with one browser.

It looks like Dreamweaver was trying to use HTML 4.01 Transitional. Put this at the very top of the page (before <html>):

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

Now run your site through the W3C HTML Markup Validator. This will let you pick up any errors in your code that are causing the incorrect display. http://validator.w3.org/ Having a valid Document Type allows the Validator to find more errors. More errors may also arise while you are editing, so be sure to run the validator until you have none.

Note: don't worry about any formatting attributes within <body>, as we will deal with these in your style sheet. Don't change them, and do not delete them. You can  if you want the validator to ignore them.

It's a good-looking site, just needs a few adjustments. If you need any help, just post back with your question.

When you're done validating, post back so we can work on the style sheet.

revrodogg · 10-14-2008, 11:23 AM

Awesome! Completed your instructions and the only errors that I have are the ones in the <body> (ex: The tag: "body" doesn't have an attribute: "leftmargin" in currently active versions.[HTML 4.0]).

Thanks a lot! Now I am ready for help on the style sheet.

I uploaded my updates here http://www.mikerosado.com/Ed_Web/

**dm01** · 10-14-2008, 06:41 PM

All right, you're all set. Just follow these instructions and your site will validate perfectly. I have tested this on localhost and everything checked out.

First of all, the margin attributes in <body> can be deleted. You won't need them after the CSS is changed.

Now, the fun part. You have to add a property to this document's internal style sheet. I think Dreamweaver shows line numbers, it's line 92 of the html file. Add a new line directly after background-repeat: repeat-x; and enter margin: 0px;

This re-sets the margins of the page to zero, which is what the margin attributes in <body> were meant to do. The browser sets a certain margin which can then be changed using styles. You can do this for the rest of the pages now.

Why did Dreamweaver create a different style sheet for each page? You can fix this quite easily (if you care).

colin12 · 10-06-2009, 03:16 PM

I have a site done with dreamweaver 8,, it messes up in firefox. is there a quick fix ? some coding ?

http://1pcrepair.890m.com

any help greatly appreciated

Colin

10-11-2008, 06:24 PM	#1 (permalink)
revrodogg Registered User Join Date: Oct 2008 Location: Cherry Hill, NJ Posts: 2 OS: OS X 10.5.5	Need help making site work on Firefox and IE... I am fairly new at designing sites (I have only been video editing for 7 years on FCP) and I am designing this site (http://www.mikerosado.com/Ed_Web/ - temp location) with Dreamweaver CS3 and it looks great on Safari but horrible on Firefox and IE. I am new to using CSS and I searched the web for similar issues and have been playing around with it but I can't get it to work. I've created some sites before using CSS and it's been fine until now. Any suggestions? Please help Last edited by revrodogg; 10-11-2008 at 06:28 PM.

10-12-2008, 11:25 AM	#2 (permalink)
dm01 Moderator: Design Join Date: Oct 2006 Location: Richmond, B.C.; Canada Posts: 1,429 OS: Windows XP [Version 5.1.2600] SP3 \| Ubuntu Jaunty Jackalope \| Windows 7 BETA My System	Re: Need help making site work on Firefox and IE... This is a common problem when you design web sites with one browser. It looks like Dreamweaver was trying to use HTML 4.01 Transitional. Put this at the very top of the page (before <html>): HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Now run your site through the W3C HTML Markup Validator. This will let you pick up any errors in your code that are causing the incorrect display. http://validator.w3.org/ Having a valid Document Type allows the Validator to find more errors. More errors may also arise while you are editing, so be sure to run the validator until you have none. Note: don't worry about any formatting attributes within <body>, as we will deal with these in your style sheet. Don't change them, and do not delete them. You can <!--comment them out--> if you want the validator to ignore them. It's a good-looking site, just needs a few adjustments. If you need any help, just post back with your question. When you're done validating, post back so we can work on the style sheet. __________________ Validate your Markup Validate your CSS Notepad++ Please use [html], [php], and [code] when posting code or markup. I do not help by Private Message or e-mail. If for some reason I have over-looked a reply to a thread that I have previously replied to, then send me a message.

10-14-2008, 11:23 AM	#3 (permalink)
revrodogg Registered User Join Date: Oct 2008 Location: Cherry Hill, NJ Posts: 2 OS: OS X 10.5.5	Re: Need help making site work on Firefox and IE... Awesome! Completed your instructions and the only errors that I have are the ones in the <body> (ex: The tag: "body" doesn't have an attribute: "leftmargin" in currently active versions.[HTML 4.0]). Thanks a lot! Now I am ready for help on the style sheet. I uploaded my updates here http://www.mikerosado.com/Ed_Web/

10-14-2008, 06:41 PM	#4 (permalink)
dm01 Moderator: Design Join Date: Oct 2006 Location: Richmond, B.C.; Canada Posts: 1,429 OS: Windows XP [Version 5.1.2600] SP3 \| Ubuntu Jaunty Jackalope \| Windows 7 BETA My System	Re: Need help making site work on Firefox and IE... All right, you're all set. Just follow these instructions and your site will validate perfectly. I have tested this on localhost and everything checked out. First of all, the margin attributes in <body> can be deleted. You won't need them after the CSS is changed. Now, the fun part. You have to add a property to this document's internal style sheet. I think Dreamweaver shows line numbers, it's line 92 of the html file. Add a new line directly after background-repeat: repeat-x; and enter margin: 0px; This re-sets the margins of the page to zero, which is what the margin attributes in <body> were meant to do. The browser sets a certain margin which can then be changed using styles. You can do this for the rest of the pages now. Why did Dreamweaver create a different style sheet for each page? You can fix this quite easily (if you care). __________________ Validate your Markup Validate your CSS Notepad++ Please use [html], [php], and [code] when posting code or markup. I do not help by Private Message or e-mail. If for some reason I have over-looked a reply to a thread that I have previously replied to, then send me a message.

10-06-2009, 03:16 PM	#5 (permalink)
colin12 Registered User Join Date: Jan 2008 Posts: 9 OS: xp	Re: Need help making site work on Firefox and IE... I have a site done with dreamweaver 8,, it messes up in firefox. is there a quick fix ? some coding ? http://1pcrepair.890m.com any help greatly appreciated Colin