Вопрос по css
84 сообщения
#17 лет назад
Добрый день!Обращаусь за помощью.
Хочу просто сделать рамку по периметру окна браузера, и никак...Точнее: у страницы (пустой) есть фон (красный) а по контуру хочу желтую рамку
Цитата:
css:
html, body{
margin: 0px;
padding: 0px;
height:100%;
}
body{
background: url(img/grnd.png) #000 repeat-y left top;
overflow:auto;
margin: 0px;
padding: 0px;
}
#mainbox{
border: 4px solid #A58032;
margin: 0px;
padding: 0px;
height:100%;
}
* html #mainbox {height: 100%;}
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=window-1251">
</head>
<body>
<div id="mainbox">
hello
</div>
</body>
</html>
на выходе граница после слова hello
нужно чтобы она была внизу.
2195 сообщений
#17 лет назад
Самое простое решение:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>page title</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
* {margin:0;padding:0} /* Use reset.css instead */
html,body {height:100%}
body {
background:#A58032;
color:#000;
}
.content {
position:absolute;
top:.5%;
left:.5%;
background:#FFF url(img/grnd.png) repeat-y;
width:99%;
min-height:99%;
}
</style>
<!-->
<style type="text/css">
.content {height:99%}
</style>
<!-->
</head>
<body>
<div class="content">
hello
</div>
</body>
</html>
Не представляю зачем подобное может понадобится, лучше пересмотрите дизайн страницы.
84 сообщения
2195 сообщений
60 сообщений
2195 сообщений
#17 лет назад
До последних трех пунктов безоговорочно верю, но не буду развивать тему.