MozillaZine

Dreamweaver, IE, and FireFox - Web Design

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
BMR777
 
Posts: 6
Joined: August 7th, 2005, 10:16 am

Post Posted August 7th, 2005, 10:24 am

Hello

I am using Dreamweaver (Design Mode) to design my webpage, and FireFox is butchering the page visually. I have already validated the page, and it came back clean. (With the exception of the Scrolling Marquee, which is meant only for IE Users.)

I usually get problems when using the DreamWeaver Layout View, but sometimes I get random problems as well. The page displays as it should in IE. FireFox will do this on multiple pages I create. Is there any DreamWeaver Extention or FireFox Extention or Update that will help with this, or any other fix anyone knows of?

Thanks
BMR777

old np
 
Posts: 0
Joined: December 31st, 1969, 5:00 pm

Post Posted August 7th, 2005, 10:34 am

Link?

BMR777
 
Posts: 6
Joined: August 7th, 2005, 10:16 am

Post Posted August 7th, 2005, 10:41 am

http://67.167.216.55:88/serve/rusnakweb/index.html

You will notice that there is some seperation between the Home and Forum button. That is not there in IE.

BMR777

peter.reisio

User avatar
 
Posts: 3166
Joined: March 3rd, 2004, 6:57 pm

Post Posted August 7th, 2005, 10:46 am

Code: Select all
p {
    margin-bottom: 0;
}

This is sort of what you get for using tables for layout, though. :p

cohadc
 
Posts: 6
Joined: August 4th, 2005, 1:08 pm

Post Posted August 11th, 2005, 6:50 am

I have a similar problem with my site.

www.coha.org

as you can see, the search bar has collapsed into the about bar. I tried to insert the code, but I wasn't sure where in the dreamweaver coding i should insert it. i'm not an expert webmaster, just an intern trying to figure things out.

please help.

Cyberman

User avatar
 
Posts: 324
Joined: December 18th, 2004, 2:06 pm

Post Posted August 11th, 2005, 7:06 am

What were you using to create that page? The "font" tag is obsolete and shouldn´t be used anymore.
Why are there so many DIVs with inline-styles? Can´t they be replaced by a few DIVs, using a style-sheet?

The DocType is truncated, I´d suggest using a complete one, or browsers won´t switch to standards mode. In standards mode, the outcome is more predictable, and should look similar everywhere.

What screen resolution is suggested to use? 1280?

There are several serious errors: http://validator.w3.org/check?uri=http://www.coha.org/

The collapse probably is because of faulty rendering somewhere - each of this boxes is positioned absolute, right? I´d try to change that.

If you haven´t, I´d recommend paying a visit to www.w3c.org - especially http://www.w3.org/TR/REC-CSS2/visuren.html .
HTML is defined by the W3C, not by a browser. <- I reject HTML5 for that reason. Making the fox guard the henhouse "because he's always been there anyway" isn't a good idea.

cohadc
 
Posts: 6
Joined: August 4th, 2005, 1:08 pm

Post Posted August 11th, 2005, 7:35 am

Thank you for your help.
To fill in a few missing pieces, I built the page using dreamweaver mx (i know it's less than desirable, but i'm no code expert).

when you say faulty rendering and suggest changin the positioning, what would you change the positioning to?

thaks again!

jqp

User avatar
 
Posts: 5070
Joined: November 17th, 2004, 10:56 am
Location: In a box

Post Posted August 11th, 2005, 7:45 am

I don't think cohadc is a coder, and he clearly said he was using dreamweaver. I doubt he'll understand all those code suggestions (much less the CSS box model...)

Cyberman

User avatar
 
Posts: 324
Joined: December 18th, 2004, 2:06 pm

Post Posted August 11th, 2005, 8:09 am

I overlooked that part with Dreamweaver. I didn´t think it´d turn out font tags.

--

I´d try to leave the stacking to the browser - two DIVs should go under each other by default.
The absolute positioning forces them to assume a given position, which apparently causes problems - probably because IE renders margins/paddings differently than the standard says.

Before changing anything, I´d try to view the page again, using this doctype:

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


instead of
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


This will switch browsers to standards mode - meaning that it´ll look the same(or at least quite close) on all browsers.
Currently it´s in quirks mode, where browsers try to guess the intended meaning - and each browser guesses differently.
HTML is defined by the W3C, not by a browser. <- I reject HTML5 for that reason. Making the fox guard the henhouse "because he's always been there anyway" isn't a good idea.

BMR777
 
Posts: 6
Joined: August 7th, 2005, 10:16 am

Post Posted August 11th, 2005, 8:17 am

Actually:

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

With:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Made my pages look a hell of a lot better on FireFox. Cool!
BMR777

cohadc
 
Posts: 6
Joined: August 4th, 2005, 1:08 pm

Post Posted August 11th, 2005, 8:27 am

I tried switching the doctype code and the only change a minor text change at the top of the page. Unfortunately the "search" and "about" buttons still collide also causing the "our director" tab to fall off allignment.

Perhaps there is another way?

I fault dreamweaver, but i have no other option.

peter.reisio

User avatar
 
Posts: 3166
Joined: March 3rd, 2004, 6:57 pm

Post Posted August 11th, 2005, 8:36 am


cohadc
 
Posts: 6
Joined: August 4th, 2005, 1:08 pm

Post Posted August 11th, 2005, 8:42 am

that seems like a good program, but i have to stick with dreamweaver.

jqp

User avatar
 
Posts: 5070
Joined: November 17th, 2004, 10:56 am
Location: In a box

Post Posted August 11th, 2005, 9:12 am

BMR777 wrote:Actually:

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

With:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Made my pages look a hell of a lot better on FireFox. Cool!
BMR777

That is going to throw Firefox and other browsers into quirks mode.
Your results are going to be more consistent across browsers if you use a DOCTYPE that keeps all browsers in "standards" mode.

cohadc
 
Posts: 6
Joined: August 4th, 2005, 1:08 pm

Post Posted August 11th, 2005, 9:39 am

what doctype would you suggest?

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 2 guests