4 replies [Last post]
bdaul
Offline
newbie
Last seen: 18 years 3 weeks ago
Joined: 2004-09-06
Posts: 3
Points: 0

I never thought AOL would become a bigger pain than MS...but it is.

I have a page: http://www.human-landscaping.com/PA/testing.html

that looks fine under IE. I use GoLive CS to produce it...applied the famous Netscape Fix...which seems to have done nothing. I have run the code against the CL sytax checker and the only problems have to do with unexpected "li" items.

Can someone give me a hint as to what to do next to try and produce a Mozilla/NN viewable page?

DO ANY OF YOU have recommendations on a process of designing pages using CSS that will easily look SIMILAR under both browsers?

Thanks, --bill

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Not another CSS IE and NN/Mozilla

Hi Bill,
Yes the layout in FF is totaly broken, in all honesty there are too many problems with the layout to fix without rethinking it completly for a start your using position absolute on every div which just isn't right there seems to be a misconception that using absolute will give a pixel perfect layout but it breaks the natural document flow have a read of this guide on layouts for help:
http://css-discuss.incutio.com/?page=AbsoluteLayouts
It would help to give the page a full DTD as it is rendering in Quirks mode at the moment which will confuse matters and give non standards results and lastly as to designing check in FF first then in IE as you will find fewer problems to deal with.
Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 22 weeks 4 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Not another CSS IE and NN/Mozilla

Quote:
I never thought AOL would become a bigger pain than MS...but it is.

Heeheehee. Laughing out loud Laughing out loud

Hugo is right. Instead of using the HTML4 transitional DTD:

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

use this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

This will render it in strict XHTML mode. THen, have a think about redoing the layout, using relative positioning instead of absolute. Try putting all your content into a container box with a black border which will make it easier to see, then remove it when done.

Verschwindende wrote:
  • CSS doesn't make pies

bdaul
Offline
newbie
Last seen: 18 years 3 weeks ago
Joined: 2004-09-06
Posts: 3
Points: 0

Not another CSS IE and NN/Mozilla

hugo and pineapplehead...

thanks for the insights...since I posted the note I have fixed a bunch of the code...and validated much of the syntax and CSS...still have a couple of things there...AND I need to read your notes more carefully tomorrow!!!

Thanks...

TimeBandit
Offline
Enthusiast
Maryland, USA
Last seen: 18 years 4 weeks ago
Maryland, USA
Joined: 2004-09-02
Posts: 112
Points: 0

Re: Not another CSS IE and NN/Mozilla

bdaul wrote:
DO ANY OF YOU have recommendations on a process of designing pages using CSS that will easily look SIMILAR under both browsers?

Articles about my process are on my site. Basically, code for FireFox, hack for IE with "* html", (un)hack for MacIE.