Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > подскажите с версткой


Автор: deeeman 18.2.2009, 19:44
подскажите с версткой
Создать html страницу с одним блоком шириной 600px, расположенным по центру экрана и растягивающийся на все высоту окна браузера. У блока должен быть бордюр, шириной 2px.


Код

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">

html, body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    height: 100%;
}
body {
    overflow: auto;
}
.column {
    height: 100%;
    margin: 2px;
}
#left {
    float: left;
    width: 100px;
    background-color: #FF9900;
}
#right {
    float: right;
    width: 100px;
    background-color: #99CC66;
}
#center {
    background-color: #666633;
    margin: 0px 100px;
}

</style>

</head>
<body> 

<div class="column" id="center">Center</div> 
</body>
</html>



вот такое сделал а как отредактировать под 600 px и 2 px по бокам?

Автор: WebMast 18.2.2009, 21:15
Если я вас правильно понял, то задайте:
Код

#center {
    background-color: #666633;
    margin: 0px auto;
    width:596px;
    border:2px solid {border-color};
}


А вообще, странная у вас верстка какая-то!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)