Cross-browser compatibility is one of the most time consuming tasks for any web designer. We’ve seen many different articles over the net describing common problems and fixes. I’ve collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn’t always the culprit for your CSS woes.

Tags: best practice browser compatibility css reference on 06-20-2008 -Cached -About Shared by:Frederik Van Zande

more from anthonyshort.com.au

There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it’s time to share the technique with the rest of the world and see how we can work together to improve it. I’m calling it “faux absolute positioning” after the faux columns technique that simulates the presence of a column.

Tags: best practice clearance columns css fixed holy grail layout liquid positioning on 06-17-2008 -Cached -About Shared by:Frederik Van Zande

more from www.alistapart.com

HTML email newsletters have come a long way in the five years since this article was first published. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and thereby can measure reader interest in products and topics; readers are presented with information that's laid out like a web page, in a way that's more visually appealing, and much easier to scan and navigate, than plain text email.

Tags: best practice css email howto html newsletter template tutorials webdesign xhtml on 06-04-2008 -Cached -About Shared by:Frederik Van Zande

more from www.sitepoint.com

As web designers, we’ve grown pretty good at understanding how to create a modern, semantic, accessible website using XHTML and CSS. We understand what makes a good website, and how to make it happen. When it comes time to design emails though, do all the same rules apply? Are there things we should be doing specifically for email that don’t make sense on a website? In this article we’ll discuss the technical, design and information elements that make up a successful HTML email.

Tags: best practice css email guidelines html on 05-28-2008 -Cached -About Shared by:Frederik Van Zande

more from www.campaignmonitor.com

When it comes to planning the layout of your new website there are just three commonly used website layout structures to choose from: Fixed; Fluid & Elastic width layouts. None of these are perfect; each comes with its own advantages and disadvantages.

Tags: best practice css elastic fixed fluid on 05-25-2008 -Cached -About Shared by:Frederik Van Zande

more from boagworld.com

For many, designing and coding for emails can become a frustrating task. With so many different types of email clients that each seem to follow distinct standards, many hours can be spent just to figure out what works. Luckily, there are great resources available for reference.

Tags: best practice canspam css design email html templates on 03-30-2008 -Cached -About Shared by:Frederik Van Zande

more from www.viget.com

Enforcing a minimum height for block elements in HTML is one of those few CSS tricks that you can't live without. There are still enough folks using IE6, unfortunately, and it doesn't support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser-conditional style sheets to get the desired effect.

Tags: best practice cross browser css hack min-height on 03-27-2008 -Cached -About Shared by:Frederik Van Zande

more from www.hackszine.com