Вот начал создавать сайт. Хочу что бы он был ПОЛНОСТЬЮ резиновый по высоте и ширине! Мне нужно что бы блоки (шапка, новости, меню, и подвал) были определенных размеров в %. Помогите плиз.... Вот HTML: <!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"> <title>Delesive Game - игровые сервера Counter Strike 1.6</title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="container"> <div class="header"> <b><i>Delesive Game</i></b> <div class="menu"> <a href="#">Главная</a> | <a href="#">Как подключиться</a> | <a href="#">Download</a> | <a href="#">VIP</a> | <a href="#">О нас</a> </div> </div> <div class="content"> Новости сайта </div> <div class="status"> <center> Public сервер <hr> Zombie сервер </center> </div> <br><br><br><br><br><br> <div class="footer"> Футер сайта </div> </div> </body> </html> Вот CSS: body { background-image: url(../images/fon.jpg); } .container { width: 100%; height: 100%; } .header { box-shadow: 7px 7px 5px rgba(0,0,0,0); padding: 10px; border-radius: 10px; background: #000; background: rgba(0, 0, 0, 0.7); color: #fff; margin-bottom:20px; height: 20% float: center; } b { font-size: 24px; } .menu { float: right; } .content { box-shadow: 7px 7px 5px rgba(0,0,0,0); padding: 10px; border-radius: 10px; background: #000; background: rgba(0, 0, 0, 0.7); color: #fff; margin-bottom: 20px; width: 65%; height: 65%; float: left; } .status { box-shadow: 7px 7px 5px rgba(0,0,0,0); padding: 10px; border-radius: 10px; background: #000; background: rgba(0, 0, 0, 0.7); color: #fff; width: 30%; height: 65%; margin-bottom: 20px; float: right; } .footer { box-shadow: 7px 7px 5px rgba(0,0,0,0); padding: 10px; border-radius: 10px; background: #000; background: rgba(0, 0, 0, 0.7); color: #fff; height: 10%; margin-bottom: 20px; float: center; }
