xhtml мне понадобился для интерфейса новой версии cms моей команды, т.к. xhtml по сути xml документ, то открываются новые возможности
однако поняв суть xhtml, я сверстал на div'ах интерфейс, однако и здесь проблема возникла.
здесь опять же мне нужны те 100% но уже контент блока div, т.к. я от таблиц отказался
вот код xHTML, собственно, нужно растянуть контент область
Код:
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title> * * * * * * * *
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body> *
*
*
</body>
</html>
вот код CSS
Код:
*{
****margin: 0;
****padding: 0;
}
a:link {
****color: black;
****text-decoration: none;
}
a:visited {
****color: red;
****text-decoration: none; *
}
a:active, a:hover {
****color: red;
****text-decoration: none;
}
html, body {
****background: url(images/bg5.gif) repeat;
****margin: 0px;
****padding: 0px;
****height: 100%;
}
.menu {
****background: #b4b7c2;
****border-bottom: solid 1px #716f64;
****color: #000000;
****font: 12px Verdana, Helvetica, sans-serif;
****height: 23px;
}
.logo {
****background: url(images/bg1.gif) repeat-x;
****border-top: solid 1px #ffffff;
****border-bottom: solid 1px #716f64;
****height: 53px;
}
.pathway {
****background: url(images/bg2.gif) repeat-x;
****border-top: solid 1px #ffffff;
****border-bottom: solid 1px #716f64;
****font: 11px Verdana, Helvetica, sans-serif;
****color: #000000;****
****padding-left: 7px;
****height: 23px;
}
.controls {
****background: #f0f2f6;
****border: solid 1px #716f64;
****height: 40px;
****margin: 5px;
}
.controls input {
****float: right;****
}
html .content {
****background: #f0f2f6;
****border: solid 1px #716f64;
****padding: 5px;
****vertical-align: top;
****min-height: 70%;
****height: auto;
****margin: 5px;
}
.line{
****width: 100%;
****color: red;
}
.copyright {
****background: url(images/bg4.gif) repeat-x;
****border-top: solid 1px #ffffff;
****font: 10px Verdana, Helvetica, sans-serif;
****color: #000000;
****text-align: center;
****height: 30px;
}
.copyright a:hover{
****text-decoration: underline;
****color: #000000;
}