почему не работают margin: padding:для блока с текстом, размер фиксированный?

html css веб дизайн верстка


Примечание:
body, html { background-color:#000;

margin:0px; /*Ýòî õîðîøàÿ ïðàêòèêà îáíóëÿòü ïîëÿ è îòñóïû, ò.ê. ðàçëè÷íûå áðàóçåðû èõ ïî ðàçíîìó âîñïðèíèìàþò. */
padding:0px;
text-align:center; /*Âûðàâíèâàåì ìàêåò ïî öåíòðó â ñòàðûõ âåðñèÿõ áðàóçåðîâ */
}

#container{background-color:#000;

margin:0 auto; /*âûðàâíèâàåì ìàêåò ïî öåíòðó â ñîâðåìåííûõ áðàóçåðàõ */
text-align:left; /*Îòìåíÿåì tex-align:center çàäàííîå â Body. Äåëàåì ÷òîáû âåñü òåêñò â ìàêåòå âûðàâíèâàëñÿ ïî ëåâîìó êðàþ */
width:900px; /* øèðèíà íàøåãî ìàêåòà*/
}
#container p {color:#999;
font-family:"Comic Sans MS", cursive; padding-left:10px; padding-right:10px; }
#container h1 {color:#fff;
font-family:"Impact"; font-size: 24px; padding-left:10px; padding-right:10px; }
#container h2 {
color:#D29CDB;
font-family:"Franklin Gothic Medium" , cursive;
font-size:20px
}
#container h3{color:#fff; font-family:"Comic Sans MS", cursive; font-size:18px}
#header{background-image:url(img/head.jpg);background-repeat:no-repeat; width:900;height:162px;
background-color:;
}
#header h1 {
margin: 0; /* Îáíóëÿåì îòñóïû äëÿ çàãîëîâêà ïåðâîãî óðîâíÿ, íàõîäÿùåãîñÿ â øàïêå. Ýòî íóæíî îáÿçàòåëüíî äåëàòü, ïðè èñïîëüçîâàíèè çàãîëîâêîâ. Åñëè èñïîëüçóþòñÿ ïàðàãðàôû, òî òîæå íóæíî îáíóëèòü îòñóïû äëÿ íèõ. */
padding: 5px ; /* Çàäàåì ïîëÿ */
}
#left{
background-color:#000; background-image:url(img/left.jpg);background-repeat:no-repeat;
width:221px; height:587px; /*øèðèíà êîëîíêè */
float:left; /*îáÿçàòåëüíîå âûðàâíèâàíèå ïî ëåâîìó êðàþ,ñ âêëþ÷åíèåì îáòåêàíèÿ*/
font-size: 16;
color:#FCC;
font-family: "Comic Sans MS", cursive;
}
#left p {color:#fff; padding:5px;
font-family:"Comic Sans MS", cursive/}
#left h2 {color:#fff; font-family:Festus;src: url(fonts/Festus.ttf);}

#content { width:660px; border:10px solid #000 }
#content p{color:#999; /* îáíóëÿåì îòñòóïû*/
padding:10px ;
font-family:"Comic Sans MS", cursive }
#content h1 {color:#fff;
font-family:"Impact"; font-size: 24px }
#content h2 {
color:#D29CDB;
font-family:"Franklin Gothic Medium" , cursive;
font-size:20px
}
#content h3{color:#fff; font-family:"Comic Sans MS", cursive; font-size:18px}

#content1{ width:600px;margin:auto;}
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Çäåñü ïèøåì ñòèëè äëÿ ïîäâàëà ñàéòà */
#footer{
background-image:url(img/footer0.jpg) ; width:900px; height:132px;
}
#footer p{
margin:0px; /* îáíóëÿåì îòñòóïû*/
padding: 10px 0; /* çàäàåì ïîëÿ */
}

Примечание:
<body>

<div id="container">
<div id="header">
</div>

<div id="left">
</div>


<div id="MainMenu">
<div id="tab">
<ul>
<li><a href="home.html"><span>Главная</span></a></li>
<li><a href="about.html"><span>Галерея</span></a></li>
<li><a href="subpage.html"><span>Новости</span></a></li>

<li><a href="subpage.html" rel="dropmenu_1_893855"><span>Украшения</span></a></li>
<li><a href="subpage.html" rel="dropmenu_1_109647"><span>Техники</span></a></li>
<li><a href="subpage.html" rel="dropmenu_1_126842"><span>Схемы</span></a></li>
<li><a href="subpage.html"><span>Игры</span></a></li>
</ul>
</div>


<ul id="dropmenu_1_893855" class="dropmenudiv">
<li><a href="subpage.html"><span>Колье</span></a></li>
<li><a href="subpage.html"><span>Подвески</span></a></li>
<li><a href="subpage.html"><span>Браслеты</span></a></li>
<li><a href="subpage.html"><span>Кольца</span></a></li>
<li><a href="subpage.html"><span>Серьги</span></a></li></ul>

<ul id="dropmenu_1_109647" class="dropmenudiv">
<li><a href="subpage.html"><span>Сутажная вышивка</span></a></li>
<li><a href="subpage.html"><span>Текстиль&amp;бисер</span></a></li>

</ul>
<ul id="dropmenu_1_126842" class="dropmenudiv">
<li><a href="subpage.html"><span>Цветы</span></a></li>
<li><a href="subpage.html"><span>Animal</span></a></li>
<li><a href="subpage.html"><span>Узоры</span></a></li>

<li><a href="subpage.html"><span>Разное</span></a></li></ul></iframe>
</div>
<div align="justify" id="Content">
<div id="Content1">
<h1>drfgghhhjhjkk</h1>
<p>hgdfgrhk.nlfh.tyjtyj
fldfhtjyjyk
hnrftgjnyjtyj
hrthrtjtyjktyukyuklyul </p>
<p>gjrtjrtjrjtrtjrtjrtj</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>. </p>
</div>
</div>
<div id="clear"></div>

<div id="footer">
<p>Copyright&copy;2012</p>
</div>
</div>
<script type="text/javascript">ddlevelsmenu.setup("1", "topbar","0","0")</script>
</body>
</html>

Примечание:
Сама нашла косяк в html, так что вопрос снят с повестки.
Ответы:
Элемент блоковый? - должно работать. Какой браузер?
Код покажи


12 лет назад

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

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

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