#{茶男與藍牌} » CSS

Firefox input and button have extra hidden space which make the height different from other browsers

茶男 — Sun, 18 Dec 2011 14:49:38 +0000

To remove the extra hidden space which turns out to be border:

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {border:0;}

reference:

http://christophzillgens.com/en/articles/equal-height-input-and-button-elements-in-firefox-and-safari

Cufon not working in IE8

茶男 — Thu, 28 Apr 2011 07:34:41 +0000

add the following line to the css

.cufon{ visibility: visible; }

Input submit button doesn’t display background image in IE7

茶男 — Wed, 27 Apr 2011 07:50:12 +0000

Add the following line:

border: 0px solid #FFFFFF;

Killer Collection of CSS Resets

茶男 — Thu, 02 Dec 2010 10:39:10 +0000

from: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/

Using CSS to style semantically meaningful (X)HTML markup is an important key to modern web design practices. In a perfect world, every browser would interpret and apply all CSS rules in exactly the same way. However, in the imperfect world in which we live, quite the opposite frequently happens to be the case: many CSS styles [...]

IE7 z-index problem

茶男 — Thu, 02 Dec 2010 03:24:59 +0000

from http://stackoverflow.com/questions/1287439/ie7-z-index-problem

When you specify z-index, you’re specifying it relative to other elements in the same stacking context, and although the CSS spec’s paragraph on Z-index says a new stacking context is only created for positioned content with a z-index other than auto (meaning your entire document should be a single stacking context), you did [...]

Internet Explorer User Agent Style Sheets

茶男 — Thu, 05 Aug 2010 15:29:02 +0000

Internet Explorer User Agent Style Sheets

The UA Style Sheet is a simple set of css styles that each web browser uses before any other css styles are applied.

This chart lists and compares the different default style sheets used to render HTML in the four major versions of [...]

Best Practices for Speeding Up Your Web Site

茶男 — Mon, 22 Dec 2008 07:22:28 +0000

from http://developer.yahoo.com/performance/rules.html

Best Practices for Speeding Up Your Web Site

The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 34 best practices divided into 7 categories.

Filter by category:

Content

Server

CSS

Javascript

Images

[...]

Table Border Issue in both IE and Firefox

茶男 — Thu, 04 Dec 2008 16:48:13 +0000

Just discover that when coding the following into style sheet:

table { border-collapse: collapse; } th, td { position: relative; border: 1px solid #eee; }

In Firefox 3, top and right borders of each table cell will disappear.

In IE 7, borders could not collapse.

Don’t know why this happened, need to do a little [...]

On Having Layout

茶男 — Fri, 03 Oct 2008 08:16:32 +0000

from http://www.satzansatz.de/cssd/onhavinglayout.html

On having layout A work in progress. This version: Rev. 8 2007–11–18 Changelog Translations Table of contents Introduction

A lot of Internet Explorer’s rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can [...]