Skip to main content

Home/ CSS Evangelist/ Group items tagged ie

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Mr. DiGi

IETester - 0 views

www.my-debugbar.com/...HomePage

browser explorer ie internet tests tools web webdesign windows

shared by Mr. DiGi on 29 May 08 - Cached
  • Mr. DiGi on 29 May 08
     
    Free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.
Frederik Van Zande

Agile Ajax: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery (p... - 0 views

blogs.pathf.com/...hacking-transpa.html

behaviors css hack ie_6 javascript jquery png transparency trick

shared by Frederik Van Zande on 11 Apr 08 - Cached
  • Frederik Van Zande on 11 Apr 08
     
    esterday's post showed how to hack the :first-child pseudo-class into IE6 with jQuery and CSS. Continuing with that theme, today and tomorrow we'll show how to enable transparent PNG support in IE6
yc c

CSS Filters | Speaking | Hicksdesign - 6 views

hicksdesign.co.uk/...css-filters

CSS filters video browser howto

shared by yc c on 23 Jul 10 - Cached
  • yc c on 23 Jul 10
     
    A 5 minute microslot on how to make sure the browser you want gets the CSS that you want it to have! Exclude IE6 and earlier from seeing your CSS3, and specify styles for mobiles and IE versions.
yc c

IE NetRenderer - Browser Compatibility Check - - 0 views

ipinfo.info/netrenderer

webdev browser compatibility check ie css

shared by yc c on 22 Feb 09 - Cached
  • yc c on 22 Feb 09
     
    IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5, as seen from a high speed datacenter located in Germany. Just type in a URL in the field above and try it out - it's free!
webExplorations

Ultimate CSS Gradient Generator - ColorZilla.com - 0 views

www.colorzilla.com/gradient-editor

css3

shared by webExplorations on 02 Aug 11 - No Cached
  • webExplorations on 02 Aug 11
     
    "background: -moz-linear-gradient(top, rgba(97,103,150,0.35) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,103,150,0.35)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59616796', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* W3C */"
Frederik Van Zande

DD_belatedPNG: better PNG background-image support in IE6 - 0 views

www.dillerdesign.com/...DD_belatedPNG

css png ie6 fix hack best practice javascript ie

shared by Frederik Van Zande on 15 Dec 08 - Cached
  • Frederik Van Zande on 15 Dec 08
     
    background-image + background-repeat + background-position + 24-bit PNGs for Internet Explorer 6 (...Better late than never!)
webExplorations

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 - 0 views

selectivizr.com

css3 html5

shared by webExplorations on 02 Aug 11 - Cached
  • webExplorations on 02 Aug 11
     
    Make your CSS3 web pages backward compatible with IE 6=8
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

snook.ca/...font-size-with-rem

css3 rem font css fonts sizing webdesign web design

shared by Vernon Fowler on 10 Sep 12 - No Cached
  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
Vernon Fowler

Prevent Long URL's From Breaking Out of Container | CSS-Tricks - 0 views

css-tricks.com/...from-breaking-out-of-container

typography webdesign css links

shared by Vernon Fowler on 19 Feb 14 - No Cached
  • a width
    • Vernon Fowler
      Vernon Fowler on 19 Feb 14
       
      I didn't need a width. Float:left was enough. Tested in IE10.
  • -ms-word-break: break-all;
    • Vernon Fowler
      Vernon Fowler on 19 Feb 14
       
      Shouldn't need the IE prefixed version as according to http://caniuse.com/#search=word-break that browser has had support all along.
  • float:left
anonymous

CSS Transparency for IE and Mozilla, Firebird and Firefox (-moz-opacity and filter: alpha) - 7 views

www.domedia.org/...css-transparency.php

css

shared by anonymous on 15 Apr 07 - Cached
  • CSS Transparency for Internet Explorer (IE), Mozilla and Safari
Frederik Van Zande

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Develo... - 0 views

anthonyshort.com.au/...rowser-compatibility-everytime

best practice browser compatibility css reference

shared by Frederik Van Zande on 20 Jun 08 - Cached
  • Here is a quick summary for those of you who don't want to read the whole article: Always use strict doctype and standards-compliant HTML/CSS Always use a reset at the start of your css Use opacity:0.99 on text elements to clean up rendering in Safari Never resize images in the CSS or HTML Check font rendering in every browser. Don't use Lucida Size text as a % in the body, and as em's throughout All layout divs that are floated should include display:inline and overflow:hidden Containers should have overflow:auto and trigger hasLayout via a width or height Don't use any fancy CSS3 selectors Don't use transparent PNG's unless you have loaded the alpha
  • Frederik Van Zande on 20 Jun 08
     
    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.
Frederik Van Zande

The easiest way to PNG support in IE6 [bjorkoy.com] - 0 views

bjorkoy.com/...the_easiest_way_to_png

css filter hack ie6 png transparency transparent

shared by Frederik Van Zande on 23 Apr 08 - Cached
  • Frederik Van Zande on 23 Apr 08
     
    This must be the easiest way to get full support for PNG-transparency in Internet Explorer 6. The technique even works for PNG-transparency in CSS backgrounds. Credit goes to Angus Turnbull for creating this workaround. My hat is thoroughly tipped.
Frederik Van Zande

CSS Compatibility and Internet Explorer - 0 views

msdn2.microsoft.com/...cc351024(VS.85).aspx

compatibility css ie

shared by Frederik Van Zande on 01 Apr 08 - Cached
  • Michael H. Lake on 01 Apr 08
     
    A chart displaying IE compatibility to CSS from version 5 to 8
  • Frederik Van Zande on 01 Apr 08
     
    With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is planned to be a fully CSS Level 2.1-compliant browser, and will support some features of CSS 3. If the browsers your Web site is targeting include earlier versions of Internet Explorer, however, you want to know the level of CSS compliance for those as well. This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 8 Beta 1 for Developers and planned support in the final version of Internet Explorer 8.
Frederik Van Zande

Hackszine.com: Easiest cross-browser CSS min-height - 0 views

www.hackszine.com/...st_crossbrowser_css_minhe.html

best practice cross browser css hack min-height

shared by Frederik Van Zande on 27 Mar 08 - Cached
  • Frederik Van Zande on 27 Mar 08
     
    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.
yc c

IE NetRenderer - Browser Compatibility Check - - 0 views

www.ipinfo.info/netrenderer

css ie preview tools validator

shared by yc c on 08 Jun 07 - Cached
  • yc c on 08 Jun 07
     
    This web rendering tool is ideally suited for web designers working on Apple iMac and Linux workstations. It allows to verify web designs natively on all popular Internet Explorer versions, without the need to set aside several physical or virtual Microsoft Windows PCs just for that purpose. 
1 - 20 of 46 Next › Last »
Showing 20▼ items per page