| |
|
|
| | Помогите пожалуйста. Подскажите, что не так или ошибка где. Надо сделать так чтоб основной блок был по середине страницы, и нижние блоки были с проецированы по углам, как 1 и 2 блоки. Еще IE отрезает все что выходит за границу основного блока, а там надо чтоб эти 4 блока чуть чуть выходили, чтоб симметрично было.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
html, body {
margin: 0;
padding: 0;
text-align: center; /*для IE*/
}
.osnova{
border: 1px solid Gray;
width: 700px;
height: 500px;
margin: auto;
}
.border_l{
border-top: 3px solid Black;
border-left: 3px solid Black;
width: 50px;
height: 50px;
float: left;
margin: -2px auto auto -2px;
}
.border_r{
border-right: 3px solid Black;
border-top: 3px solid Black;
width: 50px;
height: 50px;
float: right;
margin: -2px -2px auto auto;
}
.border_l_b{
border-left: 3px solid Black;
border-bottom: 3px solid Black;
width: 50px;
height: 50px;
clear: left;
float: left;
}
.border_r_b{
border-right: 3px solid Black;
border-bottom: 3px solid Black;
width: 50px;
height: 50px;
clear: right;
float: right;
}
</style>
</head>
<body>
<div class="osnova">
<div class="border_l">5</div><div class="border_r">4</div>
aaaaaaaaaa
<div class="border_l_b">3</div><div class="border_r_b">2</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: magic
(02.12.2009 в 14:32)
| | | Помогите!!!!!!! | |
| |
|
|
| |
|
|
| |
для: magic
(03.12.2009 в 10:53)
| | | сделай скриншот как получается счас | |
| |
|
|
| |
|
|
| |
для: magic
(02.12.2009 в 14:32)
| | | Честно говоря не совсем точно понял задачу. Может быть вы имели ввиду, блоки должны выглядеть так?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
html, body {
margin: 0;
padding: 0;
text-align: center; /*для IE*/
}
.osnova{
border: 1px solid Gray;
width: 700px;
height: 500px;
margin: auto;
}
.border_l{
border-top: 3px solid Black;
border-left: 3px solid Black;
width: 50px;
height: 50px;
float: left;
margin: -2px auto auto -2px;
*margin: -1px auto auto -1px;
}
.border_r{
border-right: 3px solid Black;
border-top: 3px solid Black;
width: 50px;
height: 50px;
float: right;
margin: -2px -2px auto auto;
*margin: -1px auto auto -1px;
}
.border_l_b{
border-left: 3px solid Black;
border-bottom: 3px solid Black;
width: 50px;
height: 50px;
clear: left;
float: left;
margin: -2px auto auto -2px;
*margin: 1px auto auto -1px;
}
.border_r_b{
border-right: 3px solid Black;
border-bottom: 3px solid Black;
width: 50px;
height: 50px;
clear: right;
float: right;
margin: -2px -2px auto auto;
*margin: 1px auto auto auto;
}
.center{
height: 100%;
}
</style>
</head>
<body>
<div class="osnova">
<div class="border_l">5</div><div class="border_r">4</div>
<div class="center">aaaaaaaaaa</div>
<div class="border_l_b">3</div><div class="border_r_b">2</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
 14.8 Кб |
|
| |
для: Desh
(03.12.2009 в 15:49)
| | | Да именно так. Только я прикрепляю скрин (во втором сообщении второй скрин), есть маленькие бока. Еще как разместить все по середине страницы, не в опере, не в ИЕ не получается, хотя вроде указал все параметры и для ИЕ и для оперы. | |
| |
|
|
| |
14 Кб |
|
| |
для: magic
(03.12.2009 в 20:23)
| | | Здесь второй скрин, заранее благодарен
И еще , а что означает *margin: -1px auto auto -1px, почему 2 раза и во втором присутствует звездочка? | |
| |
|
|
| |
|
|
| |
для: magic
(03.12.2009 в 20:23)
| | | . | |
| |
|
|
| |
|
|
| |
для: magic
(04.12.2009 в 17:11)
| | | . | |
| |
|
|
