Jump to content

Sodeum

Neophyte
  • Posts

    1
  • Joined

  • Last visited

Everything posted by Sodeum

  1. Вот начал создавать сайт. Хочу что бы он был ПОЛНОСТЬЮ резиновый по высоте и ширине! Мне нужно что бы блоки (шапка, новости, меню, и подвал) были определенных размеров в %. Помогите плиз.... Вот 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; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy