Loading Profile...
How do I get different browsers display to be consistent?
http://www.mossmelien.com/resources - working on a PC
In IE 8, I get a small amount of space between the page title and the start of the main list view area. In Firefox and Safari, this space is much larger. Any tricks to get this to be consistent?
In IE 8, I get a small amount of space between the page title and the start of the main list view area. In Firefox and Safari, this space is much larger. Any tricks to get this to be consistent?
I’m confused
1
person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
Create a customer community for your own organization
Plans starting at $19/month
-
Inappropriate?Hi Andrew,
Cross-browser consistency is probably the toughest thing that web designers face, and each problem you encounter will have a different solution.
For your specific problem, I saw that you used the property "top" or "left" a lot for positioning. Using margins or padding will give your site a bit more consistency for consistency. For example, instead of "top:50px;", you can try "margin-top:50px;" or "padding-top:50px;".
In general, it is a good idea to do a CSS reset, which will reset all the default HTML tags to have no styles to it. For example H1 tags have a top and bottom margin by default (hence the spacing). A reset will remove this. Then, you can define the styles from the baseline to achieve cross-browser consistency. To add a CSS reset, go to the stylesheet tab. Select a stylesheet, and click on the actions button -> insert CSS Reset. -
