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

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