IE - Mozilla .CSS

Author Message

Einar Heggtveit

Thursday 28 April 2005 12:37:21 am

Hi.

I was wondering how you could make your page look the same in Mozilla as in IE. In IE it works perfectly, but in Mozilla it doesn't. I've figured out that it has to do with the .CSS file, but I don't know what to put in to make the necessary changes. Can anyone help? Thanks in advance.

Jan Bjarne Rasmussen

Thursday 28 April 2005 1:06:47 am

Hi!

It is almost impossible to ensure "pixel-perfect" compability between IE and Firefox, because IE doesn't implement the CSS standard the way it (in my opinion) should. The easiest way to solve your problem is to google it one by one, ex. "margin problem Mozilla IE CSS", and you will find solutions to your problems. However there are some good sites dedicated to this issue;

http://positioniseverything.net
http://www.w3schools.com/css/default.asp

The last one contains an exellent reference to CSS, and info on browser compability for all the CSS tags.

Summary: IE makes the life of a web-designer more, shall we say, interesting :) But every problem has a solution!

--

Jan Bjarne Rasmussen

Jon Ditlef Monstad

Thursday 28 April 2005 7:28:54 am

I tried to use position: absolute; to place the page on the top of the screen. This worked, but now the links wont work anymore. When I removed the absolute-tag the links worked but I had to scroll down to see the page. This problem only happens in Mozilla/Firefox.

Any suggestions?
Thanks

Jan Bjarne Rasmussen

Thursday 28 April 2005 11:05:59 pm

Hi!

You have to be more specific, what does your html-code look like?

For general page layout tutorials have a look at:
http://westciv.com/style_master/academy/css_tutorial/properties/page_layout.html
http://glish.com/css/

hope the sites gives you a general idea :)

--
Jan Bjarne Rasmussen

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.