Здравствуйте, помогите, не могу понять в чем дело вроде всё делаю правильно, правая и левая сторона на растягиваеться вниз
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link rel="StyleSheet" type="text/css" href="css.css">
</head>
<body bgcolor="#f2f0f9">
<!-- block find -->
<div style="width: 400px; margin-left: 10px;">
<!-- block -->
<div style="margin-top: 20px;">
<div class='block_left_top'> </div>
<div class='block_top_right'> </div>
<div class='block_top_center'> </div>
<div class='block_left'> </div>
<div class='block_right'> </div>
<div class='block_center'>
<div align="center"> <a href='#'> Регистрация </a> </div>
<br>
<form action="#">
<input type="text" name='find' class='input_bg' value="ЛОГИН">
<br>
<br>
<input type="text" name='find' class='input_bg' value="ПАРОЛЬ">
<br>
<br>
<div align="center"> <a href='#'> ВХОД В КАБИНЕТ</a> </div>
<br>
<div align="center"> <a href='#'> забыли пароль?</a> </div>
</form>
</div>
<div class='block_left_bottom'> </div>
<div class='block_right_bottom'> </div>
<div class='block_bottom_center'> </div>
</div>
</div>
</body>
</html>
css
html,body{
height:100%;
font-family: Verdana;
padding:0px;
margin:0px
}
/* block*/
.block_left_top{
background-image:url(images/images/images/block_left_top_17.gif);
width: 19px;
height: 15px;
float: left;
}
.block_top_center{
background-image:url(images/images/images/block_top_center_19.gif);
background-repeat: repeat-x;
height: 15px;
}
.block_top_right{
background-image:url(images/images/images/block_top_right_22.gif);
width: 15px;
height: 15px;
float: right;
}
.block_left{
background-image:url(images/images/images/block_left_27.gif);
width: 19px;
background-repeat: repeat-y;
height: 30px;
float: left;
clear: left;
}
.block_bottom_center{
background-image:url(images/images/images/block_bottom_center_33.gif);
height : 18px;
background-repeat: repeat-x;
}
.block_center{
background-color: #48969a;
background-repeat: repeat-x;
background-repeat: repeat-y;
padding-left: 10px;
}
.block_right{
background-image:url(images/images/images/block_right_29.gif);
width: 15px;
background-repeat: repeat-y;
float: right;
}
.block_left_bottom{
background-image:url(images/images/images/block_left_bottom_31.gif);
width: 19px;
height: 18px;
float: left;
clear: left;
}
.block_right_bottom{
background-image:url(images/images/images/block_right_bottom_35.gif);
width: 15px;
height: 18px;
float: right;
}
пример в прикреплённом файле
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|