Парни помогите с блоком div. - есть ответ

Без имени, 274 просмотра

-1

Начал вёрстку, но проблема с блоком div в котором будет выводится контент. Я пытаюсь задать ему размер но он постоянно уезжает.
HTML

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы HTML и CSS</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="panelYprav">Панель управления </div> <div id="panelPoisk">Панель поиска и тд </div> <div id="menu"> <ul id="cssmenu"> <li><a href="#"><img src="images\iconMenu\1.png" align="top"><br clear="left">Подборка</a></li> <li><a href="#"><img src="images\iconMenu\2.png" align="top"><br clear="left">Меню</a></li> <li><a href="#"><img src="images\iconMenu\3.png" align="top"><br clear="left">Заказать</a></li> <li><a href="#"><img src="images\iconMenu\4.png" align="top"><br clear="left">Банкет</a></li> <li><a href="#"><img src="images\iconMenu\5.png" align="top"><br clear="left">Отзыв</a></li> <li><a href="#"><img src="images\iconMenu\6.png" align="top"><br clear="left">Контакты</a></li> <li><a href="#"><img src="images\iconMenu\7.png" align="top"><br clear="left">Такси</a></li> </ul> </div> <div id="content">Контент </div> <div id="clear"> </div> </body> </html>

CSS

body { background: #3e2b2d; color: #000000; font-family: Trebuchet MS, Arial, Times New Roman; font-size: 12px; margin: 35px; } #container { background: #eb0e0e; margin: 30px auto; width: 1536px; height: 2048px; } #panelYprav { background: #7a706e; height: 105px; width: auto; } #panelPoisk { background: #8fd7d4; height: 140px; width: auto; } #menu { background: ffffff; float: left; width: 150px; height: 980px; } ul#cssmenu { padding: 0; margin: 0; list-style: none; width: 150px; } ul#cssmenu li { float: left; } ul#cssmenu li a, ul#cssmenu li a:visited { display: block; text-decoration: none; text-align: center; color: green; padding: 5px; margin-bottom: 1px; color: #ffffff; background-color: #6a605f; width: 140px; } ul#cssmenu li a:hover { color: #3f3d3e; background-color: #8fd7d4; } #content { background: #f6f6f6; float: left; height: 1386px; width: 1640; margin-right: 35px; } #clear { clear:both; }

Ответы:

<?php

через margin и padding лучше попробуй для контейнера, а не по размерам, тогда и размер и размещение можно уже методом тыка подобрать, и желательно с разных сторон прописать а не для всех одно и то же
+ контейнер в контейнере может перекрывать или еще что

Андрей Филиппов

#content {
background: #f6f6f6;
float: right;
height: 1386px;
width: 1383px;
margin-right: 0px;
}

<?php

pechota, там контент в конце открыт и закрыт, толку с того что он красиво будет оформлен если он не охватывает всего что в нем должно быть

10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.