Dreamweaver, IE, and FireFox - Web Design
-
- Posts: 6
- Joined: August 7th, 2005, 10:16 am
- Contact:
Dreamweaver, IE, and FireFox - Web Design
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
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
-
- Posts: 6
- Joined: August 7th, 2005, 10:16 am
- Contact:
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
You will notice that there is some seperation between the Home and Forum button. That is not there in IE.
BMR777
- peter.reisio
- Posts: 3166
- Joined: March 3rd, 2004, 6:57 pm
- Contact:
Code: Select all
p {
margin-bottom: 0;
}
This is sort of what you get for using tables for layout, though.
-
- Posts: 6
- Joined: August 4th, 2005, 1:08 pm
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.
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
- Posts: 325
- Joined: December 18th, 2004, 2:06 pm
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 .
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.
-
- Posts: 6
- Joined: August 4th, 2005, 1:08 pm
- jqp
- Posts: 5070
- Joined: November 17th, 2004, 10:56 am
- Location: In a box
- Contact:
- Cyberman
- Posts: 325
- Joined: December 18th, 2004, 2:06 pm
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:
instead of
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.
--
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.
-
- Posts: 6
- Joined: August 7th, 2005, 10:16 am
- Contact:
-
- Posts: 6
- Joined: August 4th, 2005, 1:08 pm
- peter.reisio
- Posts: 3166
- Joined: March 3rd, 2004, 6:57 pm
- Contact:
- jqp
- Posts: 5070
- Joined: November 17th, 2004, 10:56 am
- Location: In a box
- Contact:
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.