Browser

Hi
I need advise on what i need to go and get tutorial on.
Why is it that after designing a page and it looks
okay on internet explorer but by the time
you view it on fire fox it looks ugly.
What do i need to fix and why does this happen?

 

At the start of your css file place the following,

* {
padding: 0;
margin: 0;
}

Code (markup):

That resets all of the paddings and margins on each tag that you use. You now have a blank canvas to work with.

Then as Kerosense says, write valid markup with a strict doctype and the results should look the same (roughly) on most major browsers.

There will always be some bugs that exists in browsers, that you undoubtedly will have to work around.

 

Thanks, what of if I do not have a css file?

 

Well i will go and read more about valid cross browser code. Thanks!

 

You should author all your pages to be Interoperable in all User-Agents of which graphical Browsers such as IE, Firefox, Opera, Safari, et al are one type. A big step in this direction is to always Validate your Markup (HTML/XHTML) -- that is why the W3C includes a Interoperable Congratulatory message upon successful validation.

James

 

Code for Firefox, hack for IE.

IE sucks so the site will not look the same. That is why you have to use browser hacks to make it look OK in IE6 and sometimes IE7.

 

I think it is counter-productive to try and make "pixel perfect" web page layouts for all graphical Browser viewing these days. Web authors do not know what type of User Agent - graphical Browser, textual Browser, or Screen Reader, each of their visitors will use to access their web pages, or what screen size (resolution) they have. They certainly have little control over how their web pages will be viewed and displayed. As the WWW progresses, Web authors will have less and less control over the way users view their web pages in graphical Browsers. Many users, especially People with Disabilities, will exert more and more control over how they view and navigate web pages. Newer graphical Browsers permit users to do such things, via drop-down menus, as:

Selectively turn off image display.
Disable (CSS) Style sheets.
Enlarge or reduce text size (also via the keyboard).
View only alternate text for images.
Resize the entire page layout.
Disable animation.
Turn off or modify coloration.
Substitute the user's own personal style sheet, and so on

You should anticipate that some visitors wiil view your pages exactly as they want to.

James