tags:

views:

59

answers:

2
Q: 

Is it possible to make cross browser website without having any IE conditional CSS?

If i I'm not using any transparent png, not using :hover on other thank a:link,

Is it possible to make cross browser layout without having any IE conditional CSS .and keep main css valid?

I want to keep only one css file for whole needs. screen, print, handheld.

What things we should consider?

+1  A: 

Sure. The main thing I do to work on this is to test the CSS files incrementally in multiple browsers as I build the site. It's much harder to make a site look correct in multiple browsers once it is completely built out for a single browser.

Element widths are the biggest problem since different browsers calculate the widths differently.

David  2010-04-27 04:01:47
how to deal with elements width for cross browser compatibility
metal-gear-solid  2010-04-27 04:10:37
If you're using a strict doctype widths of elements shouldn't be trouble (especially IE7+)
Ryan Doherty  2010-04-27 04:22:54
@Ryan Doherty - I'm using XHTML 1.1
metal-gear-solid  2010-04-27 05:18:26
@metal-gear-solid - Then you don't need to worry about both IE and validity. You can't validly serve XHTML 1.1 as text/html and you can't get IE to render the page if you don't serve your page as text/html.
Alohci  2010-04-27 09:26:02
@Alohci - "You can't validly serve XHTML 1.1 as text/html" why?
metal-gear-solid  2010-04-29 03:17:16
@metal-gear-solid - It's not permitted by the XHTML 1.1 spec. It takes a stricter line to serving it using an XML mime type than XHTML 1.0 did. There have been proposals to change this, but many people are opposed to it, so no such proposal has made it to W3C recommendation.
Alohci  2010-04-29 08:11:25
A: 

Yes, just use one column.

For more complicated designs, I guess it depends on the design and the exact browser requirements.

jeroen  2010-04-27 04:06:36

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?