CSS Rendering in Firefox and Internet Explorer

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
SharonB
Forum Newbie
Posts: 3
Joined: Sun Mar 30, 2008 4:15 pm

CSS Rendering in Firefox and Internet Explorer

Post by SharonB »

Hey guys, is it true that the output for the above will be different in both browsers?

Im trying to position a table right all the way to the top using CSS. Somehow, my desired output works in Firefox but not in Internet Explorer. The table doesnt stick all the way to the top edge in IE.

What do u tink i should do?

CSS Code:
table {
position: fixed;
top: -1px;
border-collapse:collapse;
}
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

Re: CSS Rendering in Firefox and Internet Explorer

Post by JAB Creations »

Hi Sharon,

First off it's important to clarify what version of IE you're testing this out in. Are you using a doctype? If it's XHTML are you using an XML declaration?

I have gone by Gecko (Firefox, Mozilla Suite/Seamonkey, Camino, etc) as my reference rendering engine for standards so if things look fine with my validated CSS then I correct issues in IE by adding a second style sheet via conditional comments. There is a link in my signature below with those directions.

If you answer what version of IE and provide some (X)HTML code I could help you out some more.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Re: CSS Rendering in Firefox and Internet Explorer

Post by matthijs »

Make sure you reset all styles first. Especially margin and paddings of body, html, and all other elements. Sometimes another element then the one you're dealing with pushes things around when it has a margin.

Also do a google search for "margin collapsing css" to learn about the phenomenon and differences between browsers
Post Reply