How to simplify the cross browser issue in css?
newbie
Location: India
User login
New forum topics
Who's new
- Shelaine
- hokeyplyr48
- coltin.roy
- chenowethp
- orangez77
Who's online
There are currently 4 users and 37 guests online.
Online users
- jadamus
- Maverick88
- hokeyplyr48
- skippers
Enthusiast
Posts: 72
Joined: 2006-01-17
Location: Denton, TX
Box Model ...
Posted: Thu, 2008-07-03 17:25
Not sure how familiar you are with the whole CSS thang, but what you might want to consider is what happens between a Mozilla and IE-based browser.
Read up on this, it'll explain it all:
http://tantek.com/CSS/Examples/boxmodelhack.html
If you need a more layman's explanation, let me know.
Greg Altuna
BrownCo Media
http://www.browncomedia.com/
Leader
Posts: 568
Joined: 2007-05-09
Location: Pune, Maharashtra, India
If ever after understanding
Posted: Thu, 2008-07-03 18:46
If ever after understanding the box model hack, and implementing it, the site still is out of layout, try using Browser specific CSS'es, for example.
Also as a Golden Rule, alwaays walways, design the site in Firefox and then use the following code to fix it in IE. You can do the same for IE7.
Hope that helps,
Mihir.
Enthusiast
Posts: 72
Joined: 2006-01-17
Location: Denton, TX
All I can say is ...
Posted: Thu, 2008-07-03 19:43
Also as a Golden Rule, alwaays walways, design the site in Firefox and then use the following code to fix it in IE. You can do the same for IE7.
Hope that helps,
Mihir.
WORD. Well put ...
Greg Altuna
BrownCo Media
http://www.browncomedia.com/
Leader
Posts: 568
Joined: 2007-05-09
Location: Pune, Maharashtra, India
Quote:WORD. Well put
Posted: Thu, 2008-07-03 20:30
Did not get what that meant...
Mihir.
Guru
Posts: 2521
Joined: 2005-12-14
Location: Victoria British Columbia
gavaskar wrote:Hi, Eg: Some
Posted: Thu, 2008-07-03 21:55
Eg: Some of div container positions misplaced by browser to browser.
How to simplify the cross browser issue in css?
1. Always write semantic html.
2. Always make your html valid - every line. CSS too. Validate frequently!
3. ALWAYS use a doctype (necessary for point [2] above anyway).
4. Always use a STRICT doctype.
5. NEVER use deprecated tags.
6. AVOID putting IE into "quirks" mode by never putting any code or comments before the doctype line.
7. Code to a compliant browser, get it looking right, then and only then fix it up for IE.
8. Never use tables for layout. It's fine and correct to use them for semantic markup of tabular data, though. But NEVER for layout.
9. IGNORE layout issues while coding your html (Why? See point 1!).
10. KNOW WHEN and WHY TO BREAK THE RULES.
Together, those will go most of the way.
I could change my plea to guilty,
but I don't think it would stick.
Ed Seedhouse
newbie
Posts: 2
Joined: 2008-04-17
Location: India
voice-family: "\"}\"";
Posted: Mon, 2008-07-21 20:25
Explain how it is work.
voice-family: "\"}\"";
Read up on this, it'll explain it all:
http://tantek.com/CSS/Examples/boxmodelhack.html
If you need a more layman's explanation, let me know.