Question

Контент страницы меняет ширину контента шапки сайта. В итоге текст шапки сайта наплывает друг на друга. На других страницах, где нет подобного наполнения все нормально. 

Вот код наполнения страницы (Текст сократила)

 

<div id="container">

<div id="header">

<h1><span style="color:#FF8C00;">О НАС</span></h1>

</div>

<div id="wrapper">

<div id="content">

<div style="color: rgb(51, 51, 51); font-family: arial, sans-serif; font-size: 13px; line-height: 20.7999992370605px;">

<p>Опытный грумер, зоопсихолог, ветеринарный врач Анна Шишкина и ее команда единомышленников найдут подход к Вашему любимцу и придадут ему неповторимый стиль!</p>

<p><strong>Полный комплекс услуг от кончика носа до кончика хвоста для мелких, средних и крупных пород собак и кошек:</strong></p>

</div>

<div id="container">

<div id="header2">

<h1><span style="color:#FF8C00;">ОСНОВНЫЕ ПРИНЦИПЫ НАШЕЙ РАБОТЫ</span></h1>

</div>

<div style="color: rgb(51, 51, 51); font-family: arial, sans-serif; font-size: 13px; line-height: 20.7999992370605px;">

<p><strong>&bull; В нашей работе только профессионалы, любящие свое дело;</strong></p>

</div>

</div>

</div>

<div id="navigation">

<h1 style="text-align: center;"><span style="color:#FF8C00;"><img alt="" src="http://zooacadem.ucoz.ru/koshki-sobaka_1.png" style="width: 325px; height: 276px;" /></span></h1>

</div>



<div id="extra">

<p style="text-align: justify;">&nbsp;</p>



<p style="text-align: justify;">Все привыкли считать, что комплексный подход в груминге это все гигиенические процедуры плюс мытье и стрижка.</p>



<p style="text-align: justify;">По сути это лишь механическая часть работы с клиентом, которую в состоянии выполнить любой грумер. Комплексный подход в современном груминг-салоне это совокупность физическо-психологической работы.</p>



<p style="text-align: justify;"><strong>Груминг на основе зоопсихологии</strong>.</p>



<p style="text-align: justify;">С помощью науки зоопсихологии, знаний языка тела животных, и методов работы в зависимости от типа нервной деятельности животного создается действительно индивидуальный подход и работа &laquo;по шаблону&raquo; здесь не допустима.</p>



<p style="text-align: justify;">&nbsp;</p>

</div>



<div id="footer">

<p><a href="http://zooacadem.ucoz.ru/photo/"><span style="color:#FFFFFF;">&gt; Наши работы</span></a></p>



<p>&nbsp;</p>

</div>

</div>

</div>

<title></title>

<style type="text/css">html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center}

p{margin:0 10px 10px}



div#header1 h1{height:80px;line-height:80px;margin:0;

 padding-left:10px;background: #EEE;color: #79B30B}

div#header2 h1{height:80px;line-height:80px;margin:0;

 padding-left:10px;background: #EEE;color: #79B30B}

div#container{text-align:left}

div#content {width: 800px;margin: 0 auto 50px;}

div#navigation{background:#FFFFFF}

div#extra{background:#FF8539}

div#footer{background: #333;color: #FFF}

div#footer p{margin:0;padding:5px 10px}



div#container{width:800px;margin:0 auto}

div#navigation{float:left;width:400px}

div#extra{float:right;width:400px}

div#footer{clear:both;width:100%}

</style>

<section>

<p><br />

$MYINF_2$</p>

</section>



<p>&nbsp;</p>



<div class="clr">&nbsp;</div>



<p>&nbsp;</p>

Такое наполнение стоит на двух страницах: ГЛАВНАЯ и УСЛУГИ. Если убрать контент - все встает на место.

2 ВАРИАНТ убрать телефон с верхней шапки сайта. Физически найти его не могу. 

Очень нужна помощь знающих спецов. Заранее спасибо. 

Answer 1

Добавьте text-align:left; для этого класса пример ниже

.head-l {
float: left;
height: 64px;
overflow: hidden;
padding: 11px 0px 0px;
text-align: left;
width: 30%;
}

Далее, номер телефона это картинка, находится в ксс в этом айди.

#head-topi {
background: url("http://zooacadem.ucoz.ru/img/top.jpg") transparent;
height: 75px;
position: relative;
z-index: 200;
}

Comments

Спасибо, все встало на место.