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;
}
CSS Rendering in Firefox and Internet Explorer
Moderator: General Moderators
- 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
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.
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.
Re: CSS Rendering in Firefox and Internet Explorer
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
Also do a google search for "margin collapsing css" to learn about the phenomenon and differences between browsers