The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You’re a web developer and you’re ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn’t support you. You’ve spent hours on it, but you just can’t seem to get your layout right. This comprehensive IE6 bug fix cheatsheet will help…
Articles in the ‘Code’ Category
-
Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
Posted: 2 years ago in Code
Read More: Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
-
Bulletproof CSS @font-face syntax
Posted: 2 years ago in Code
Let me introduce you to the best way to do your @font-face definitions. I’ll circle back to why this is the best possible solution but let’s first review the other techniques’ weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a .ttf or .otf. Okay, let’s see what we got here…
Read More: Bulletproof CSS @font-face syntax
-
Simple Cross-Browser Transparency with CSS
Posted: 2 years ago in Code
Simple CSS code for Transparency setting for all browsers, IE, Firefox, Opera, Safari and Google Chrome…
Read More: Simple Cross-Browser Transparency with CSS
-
CSS hacks & browser version detection – a new approach
Posted: 3 years ago in Code
How to target almost any browser from the server side using PHP.
The workflow…
- Style everything for a web standards compliant browser like Firefox or Opera.
- Load an additional PHP file which outputs CSS styles with specific hacks.
- That’s it you’re done.
Read More: CSS hacks & browser version detection – a new approach
-
An Introduction to CSS 2.1 and CSS 3 selectors
Posted: 3 years ago in Code
An online demo showing examples of CSS 2.1 and CSS 3 selectors. Concise, to the point and useful future reference…
-
HTML 5 Reset Stylesheet
Posted: 3 years ago in Code
We’ve had a number of people asking about templates, boilerplates and styling for HTML 5 so to give you all a helping hand and continue on from those basic building blocks that Remy talked about last week, here’s a HTML 5 reset stylesheet for you to take away and use, edit, amend and update in your projects. It’s based on Eric Meyers CSS reset, with a few adjustments from Erics work that we’ll get to later but first here’s the file in full and we’ll then break it down step by step…
Read More: HTML 5 Reset Stylesheet
-
Free CSS Menus for Website Navigation
Posted: 3 years ago in Code
13 Styles is all about CSS menus. The menus are list based, very light-weight, easy to implement, and cross-browser compliant…
Read More: Free CSS Menus for Website Navigation
-
Advanced CSS Printing Using CSS Page Breaks
Posted: 3 years ago in Code
Here’s an article explaining how to make your pages printer-friendly by using CSS/XHTML page breaks.
There are numerous spots that are good for page breaks:
- Between page sections (h2 or h3 tags, depending on your site format)
- Between the end of an article and subsequent comments / trackbacks
- Between longs blocks of content
Using page breaks in CSS is simple…
Read More: Advanced CSS Printing Using CSS Page Breaks
-
Vertically aligning text without the use of JavaScript
Posted: 3 years ago in Code
This is one of those really annoying CSS bugs that should be so simple to do but is actually fairly problematic because of old browsers like IE6. Vertical-align should be all that’s needed but nope, certain browsers like IE6 don’t support it so we need to do some wizardry to get it to work cross browser. In this post I will talk about one lines and the more tricky wrapping of text…
Read More: Vertically aligning text without the use of JavaScript
-
5 Handy tips to fix space beneath floated elements
Posted: 3 years ago in Code
When two elements are floated in a div, chances are parent element no longer contains it because the float is removed from the flow. Here you’ll find five quick tips to fix this problem…
Read More: 5 Handy tips to fix space beneath floated elements