Articles tagged with “ie”
- CSS Hackz Series: Targeting and Filtering Internet Explorer 7
- Continuing the CSS Hackz Series, I present a small army of hacks for targeting and filtering Internet Explorer 7! Here, “targeting” IE 7 means to deliver CSS and/or (X)HTML to IE 7 only, while “filtering” means to deliver CSS and/or (X)HTML to every browser that is not IE 7. In other words, ...
- CSS Hackz Series: Clearing Floats with the Clearfix Hack
- I use the CSS clearfix hack on nearly all of my sites. The clearfix hack — also known as the “Easy Clearing Hack” — is used to clear floated divisions (divs) without using structural markup. It is very effective in resolving layout issues and browser inconsistencies without the need to mix structure with presentation. There are countless variations of the clearfix hack around the Web, and ...
- Quick Reminder About Downlevel-Revealed Conditional Comments..
- NOTE: This entire article amounts to nothing more than an in-depth learning experience. After writing the article, I realized (painfully) that either format for the second iteration of the downlevel-revealed comment for XHTML is perfectly fine and displays no ill effects or unwanted characters in any browser. Thus, this article is essentially useless, but I am posting it anyway because I just hate deleting several hours of hard work..
As more and more people ...
- CSS Hackz Series: PNG Fix for Internet Explorer
- In this CSS Hackz Series article, I outline several solutions for displaying alpha-transparent PNG (a.k.a. PNG-24 format) images in everybody’s favorite broken browser, Internet Explorer. Specifically, IE versions through 6 (excluding IE 5 for Mac) fail to support alpha-channel transparency for PNG images. In these versions of IE, every pixel containing alpha-transparency is displayed with an ugly, flat gray color.
Fortunately, there ...
- CSS Hackz Series: Minimum Width, Maximum Width for Internet Explorer 6
- Opening the CSS Hackz series is the infamous CSS-expression hack for achieving minimum and maximum widths in Internet Explorer 6.
Here is how to set the maximum width for IE 6:
#target_element {
width: expression((document.body.clientWidth > 778)? "777px" : "auto");
max-width: 777px;
}
Here is how to set the minimum width for IE 6:
#target_element {
width: expression((document.body.clientWidth < 335)? "333px" ...
- Content Negotiation for XHTML Documents via PHP and htaccess
- In this article, I discuss the different MIME types available for XHTML and explain a method for serving your documents with the optimal MIME type, depending on the capacity of the user agent. Using either htaccess or PHP for content negotiation, we can serve complete, standards-compliant markup for our document’s header information. This ...
- Lessons Learned Concerning the Clearfix CSS Hack
- I use the CSS clearfix hack on nearly all of my sites. The clearfix hack — also known as the “Easy Clearing Hack” — is used to clear floated divisions (divs) without using structural markup. It is very effective in resolving layout issues and browser inconsistencies without the need to mix structure with presentation. Over the course of the ...
- Important Note for Your Custom Error Pages
- Just a note to web designers and code-savvy bloggers: make sure your custom error pages are big enough for the ever-amazing Internet Explorer browser. If your custom error pages are too small, IE will take the liberty of serving its own proprietary web page, replete with corporate linkage and poor grammar.
How big, baby?
Well, that’s a good question. In order for users ...
- Everything You Ever Wanted to Know about Favicons
- Fifty Favorite Favicons If you have a website, you need a favicon. For those who may not know, favicons are the small, square icons that frequently are associated with websites. Favicons appear in many places, including browser toolbars, bookmarks, tabs, and address bars. Favicons provide immediate visual identification of their represented sites, enabling super-easy navigation for Web users. While ...
- Absolutely Fabulous Browser Bookmarklet Things
-
..Or something. Frankly, I just needed an excuse to post these steaming little beauties online. Please note that I don’t lay claim 1 to most of these browser bookmarklet/favelet tricks, but I do find them extremely useful. They are posted here for the sake of convenience and for reference purposes, so use at your own risk (i.e., I am not ...
- Wrapping Your Head around Downlevel Conditional Comments
- [ Keywords: downlevel, conditional, comments, hidden, revealed, positive, negative, ie ]
If you think you understand the logic behind Microsoft’s downlevel conditional comments, you are sadly mistaken. Sure, they seem simple enough on the surface, but as you really try to wrap your head around how and why they work, the subtle complexities of downlevel conditional comments may leave you dazed and confused...
In our ...
- Standards-Compliance Throwdown: MS-IE5/6 DNS/404 Error-Page Redesign
- [ Keywords: Microsoft, MS, IE, DNS, 404, CSS, Error, Monzilla, Explorer, redesign ]
Default DNS Error page for Internet Explorer
First of all, congratulations if you are geeky enough to understand the title of this article. Many would be like, "CSS, MS.. IE, error ..what..?" Whatever. If you get the title, you will get the point of this utterly pointless exercise. If that is the case, ...
- Maximum and Minimum Height and Width in Internet Explorer
- Behold the seventh wonder of the virtual world: max/min-height and max/min-width properties are possible in Internet Explorer! Indeed, by taking advantage of IE’s proprietary CSS attribute, expression, you too can whip IE widths and heights into desirable proportions. The CSS expression attribute enables JavaScript commands to be executed within Internet Explorer. JavaScript via CSS? Thanks, Microsoft!
Why is this so great? Well, because in other, standards-compliant browsers, max/min-height and max/min-width properties are easily accomplished with this simple bit ...
- Keep it Dark: Hiding and Filtering CSS
- Hiding and filtering CSS rules for specifically targeted browsers is often a foregone conclusion when it comes to cross-browser design considerations. Rather than dive into some lengthy dialogue concerning the myriad situations and implications of such design hackery, our current scheduling restraints behoove us to simply cut to the chase and dish the goods. Having said that, we now consider this post a perpetually evolving repository of CSS filters..
Hide CSS from IE3, IE4, NS4
This method employs JavaScript ...
- Theme Edits for IE7
- This post is a working repository of code edits and other changes made to Perishable Press themes in order for them to function properly in Internet Explorer 7 (IE7)..
Jupiter Theme
*:first-child+html div.comwrap {
overflow: visible;
}
Lithium Theme
*:first-child+html div.comwrap {
overflow: visible;
}
Casket Theme
Removed html selector from first ruleset.
- IE Scrollbar Colors
- Changing the color of scrollbars for Internet Explorer may very well be the oldest trick in the book. In fact, this post exists mostly for the sake of prosperity, as we here at Perishable Press strive to eliminate our entire offline library of website design notes by transferring them to the World Wide Web. Although library conversion requires time, patience, and determination, changing the color of IE scrollbars is relatively simple. Simply associate these CSS rules to ...
- Fun with Downlevel Conditional Comments
- Ever since Internet Explorer 5 (IE5), Microsoft has included browser support for "downlevel conditional comments," a non-scripted method of browser detection. Downlevel conditional comments (DCC) are a useful tool for targeting directives to specific versions of Internet Explorer. Downlevel conditional comments consist of an opening statement and a closing statement. Taken together, the statements enclose markup, CSS, JavaScript, or any other element typically included within an (X)HTML document. The DCC may be placed anywhere within the document ...