先日、私はタスクに遭遇しました:
2つの高さを等しくする
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative ), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,
-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,
-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), (margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,
-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border,outline
box-shadow:0 0 0 4px #ccc;
.padding
, "" .div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), (
margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . ,
-, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border . , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border . , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .
-, .
:
; IE6+ .; ; JavaScript, HTML CSS.
:
. border . .
:
, : http://habrahabr.ru/post/64173/.
4- , .
, 4- / .
(position:relative
), ( margin-left:-100%;
) ( /, ).
HTML
,
CSS ""
.text_container_l {
width: 50%;
float:left;
}
.text_container_r {
width: 100%;
float:left;
margin:0 0 0 100%;
}
.text_l {
float:left;
width:100%;
margin:0 0 0 -100%;
}
.text_r {
float:left;
}
CSS " "
.text_container_l {
width: 400px;
float:left;
}
.text_container_r {
width: 200px;
float:left;
margin:0 0 0 400px;
}
.text_l {
float:left;
width:400px;
margin:0 0 0 -400px;
}
.text_r {
float:left;
}
.
"" , .
"" 50% . , -, .
, , .
, .
" ".
, , . , : padding, margin, border
. , . border, outline
box-shadow:0 0 0 4px #ccc;
. padding
, "" . div
, .
, . 30%, 2 , 200% , 2 , 50% - .
3+ 3 , .