display:inline-block #

, .
display:inline-block




ul {
list-style-type:none;
font-size:0.75em;
}
ul li {
line-height:1em;
background:#36e428 url(../images/list-left.gif) 0 top no-repeat;
padding:6px 0 8px 13px;
}
li a {
text-decoration:none;
color:#000;
background:url(../images/list-right.gif) 100% top no-repeat;
}

. , , , :
display:inline-block

, , .

display:block .. :
ul li {
line-height:1em;
background:#36e428 url(../images/list-left.gif) 0 top no-repeat;
}
li a {
text-decoration:none;
color:#000;
background:url(../images/list-right.gif) 100% top no-repeat;\
display:block;
padding:6px 0 8px 13px;
}

:
display:inline-block

, .

. , display:block display:inline , , , display:inline-block. -.

, span , , .. display:inline, display:inline-block.

, span, - li, , , , .

, :
ul li {
line-height:1em;
padding-bottom:4px; /* */
}
ul span {
background:#36e428 url(images/list-left.gif) 0 top no-repeat;
display:inline-block;
}
li a {
color:#000;
text-decoration:none;
background:url(images/list-right.gif) 100% top no-repeat;
display:inline-block;
padding:6px 12px 8px 13px;
}


, :
display:inline-block

: display:inline-block , .

CSS, XHTML / : inline-block, display / 20.12.09 / [0]

#

6. -) -)

( php):
:

html :





, , CSS . , : .section width margin-right, . :

, :

: CSS , margin-right 0?

:first-child, . , . : ? , IE7|8 :first-child , :last-child . ?

, CSS . :
#wrapper {
width:320px;
height:60px;
background:#EFEFEF;
}

.section:
.section {
border:solid 1px #999;
float:left;
height:58px;
margin-left:10px;
width:98px;
}

width margin-left. .

, :
#wrapper div:first-child {
margin-left:0px;
}



CSS, XHTML / : , , / 28.11.09 / [0]

IE6 2 #

IE6.

overflow:auto position:relative
html:

css:
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 150px;
margin: 30px 0;
overflow: auto;
}
#anotherelement{
background: #555;
width: 150px;
height: 175px;
position: relative;
margin: 30px;
}

:
  IE6   2

IE:
  IE6   2

:
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 150px;
margin: 30px 0;
overflow: auto;
position: relative;
}




div :
css
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 2px;
margin: 30px 0;
}


:
  IE6   2

IE :
  IE6   2

2 :
1
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 2px;
margin: 30px 0;
font-size: 0;
}

: IE

2
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 2px;
margin: 30px 0;
overflow: hidden
}

, , .



min-height . , :
#element {
min-height:150px;
height:auto !important;
height:150px;
}




.

html:

http://net.tutsplus.com/



css:
#element, #anotherelement{
background: #95CFEF;
border: solid 1px #36F;
width: 100px;
height: 150px;
margin: 30px;
padding: 10px;
float: left;
}
#container{
background: #C2DFEF;
border: solid 1px #36F;
width: 365px;
margin: 30px;
padding: 5px;
overflow: auto;
}


:
  IE6   2

IE6 :
  IE6   2

:
#element{
background: #C2DFEF;
border: solid 1px #36F;
width: 365px;
margin: 30px;
padding: 5px;
overflow: hidden;
}

CSS, XHTML / : IE6, / 26.11.09 / [0]

, ... #

, ... ...
Google Wave, [email protected] .

, "" :

XHTML, / : notify, , , google wave / 26.11.09 / [0]

IE6 #

"" "" , :

. , float:left . :

html






css
ul {
list-style: none;
}

ul li a {
display: block;
width: 130px;
height: 30px;
text-align: center;
color: #fff;
float: left;
background: #95CFEF;
border: solid 1px #36F;
margin: 30px 5px;
}


, :
 IE6

, IE6:
 IE6

? :)
, . IE6 css :
ul li {
float: left;
}

.

margin .
#element{
background: #95CFEF;
width: 300px;
height: 100px;
float: left;
margin: 30px 0 0 30px;
border: solid 1px #36F;
}

:
 IE6

IE:
 IE6

:
#element{
background: #95CFEF;
width: 300px;
height: 100px;
float: left;
margin: 30px 0 0 30px;
border: solid 1px #36F;
display: inline;
}




html

css
ul {
margin:0;
padding:0;
list-style:none;
}

li a {
background: #95CFEF;
display: block;
}

:
 IE6

IE6:
 IE6

1:
css
li a {
background: #95CFEF;
display: block;
width: 200px;
}

2:
css:
li a {
background: #95CFEF;
float: left;
clear: left;
}

CSS, XHTML / : , , IE / 22.11.09 / [0]

ul #

, . text-align , margin:auto . :

div#mainmenu, div#mainmenu ul { position:relative; }
div#mainmenu{ float:right; right:50%; margin:38px 0px; width:auto;}
div#mainmenu ul { float:none!important; float:left; right:-50%; }


:
- (#mainmenu) . 50% (right:50%;), .
- ( ) (#mainmenu). 100% (ul) 150%, 100% . .

CSS, XHTML / / 20.11.09 / [0]