Önemli 10 Css kodu | bildirgec.org

1. Dikey hizalama Div'i (Vertical align div)

Content

html, body {
height: 100%;
margin: 0;
padding: 0;
}

• {
  margin:0px auto;
  padding:0;
  }

div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -200px;
float: left;
}

div#wrapper {
width: 1000px;
height: 400px;
clear: both;
background:red;
position: relative;
top: -200px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */

}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}

html, body {
height: auto;
}
/* end hack */

/* ]]> */

2.Minimum yükseklik(Min-Height)

selector {
min-height:500px;
height:auto; !important
height:500px;
}

3. Png Transparanlığı (PNG transparency)

.someelement {
background-image: url(images/image.png);
}

• html .someelemen {
  background-color: #333;
  back\ground-color: transparent;
  background-image: url(images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.
  AlphaImageLoader(src="images/image.png", sizingMethod="scale");
  }
  

4.Otomatik temizleme (Autoclear)

.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container {display: inline-table;}
/* Hides from IE-mac \*/ * html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */

5.Css Sıfırlama (Reset CSS)

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:;
}
blockquote, q {
quotes: "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
} * {
margin:0pt;
padding:0pt;
}

6.Scrolling render ie

html { background : url(null) fixed no-repeat; }

7.Bulanıklık (Opacity)

#transdiv {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

8.Pre Tag

pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

9.Li Background Repeat IE

progenic (profil)

| 0 yorum var

| 07 Ağustos 2008 11:09