Vensdale
-
Posts
5 -
Joined
-
Last visited
Vensdale's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо за ответ. Да, очень много оберток. Дело в том что с нуля я сам такой шаблон пока не в состоянии написать, поэтому пришлось воспользоваться вобщемто неплохой программой для создания тем под Drupal, Wordpress и тд. - Artisteer 3.1. А она естественно генерирует кучу не совсем ясного кода. Буду копать дальше.
-
Сделал шаблон в Artisteer 3.1. Из-за малого объема контента возникла необходимость прикрепить футер к нижней границе окна браузера. Воспользовался данным способом. Однако возникла проблема. Футер отрисовывается где положено, но между ним и контентом появилась непонятная область плюс добавилась вертикальная полоса прокрутки. Область отмечена красной рамкой Здесь шаблон в действии. Не могу найти откуда ноги растут у этого зазора. Вроде везде height: 100%. Может кто из профессионалов подскажет.
-
Спасибо. Буду разбираться.
-
Господа, большое спасибо за разъяснения. overflow:hidden для #t_header_middle помог. У меня остался один вопрос - почему здесь padding работает в таком же же блоке (#topbar) как у меня, но без прописки overflow?
-
Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть 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>Главная</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru</a></p> <a href="http://www.mailxxx.ru" target="_blank" title="Посетить сайт" class="sm">"Правый текст"</a> </div> <div class="clear"></div> </div> </div> </body> </html> Есть CSS к нему * { margin: 0; padding: 0; } body { font: 12px Arial, sans-serif; text-align: left; } a { text-decoration: none; color: #cccccc; } #wrapper { width: 100%; } #t_header_middle, #b_header_middle, #nav_middle, #content_middle, #footer_middle { width: 960px; margin: 0 auto; display: block; position: relative; } #t_header { background-color: #000000; } #t_header_middle { color: #ffffff; outline: 1px solid #cc0000; padding: 10px 0; /* вот этот padding */ } #t_header_middle p { float: left; } #t_header_middle a.sm { float: right; } .clear { clear: both; } Пожалуйста объясните новичку почему padding: 10px 0; не дает ожидаемых внутренних отступов в контейнере #t_header_middle? Причем если не давать #t_header_middle a.sm - float: right; то padding: 10px 0; работает. Это связано с float? Если задать padding для родителя #t_header - то все работает, но мне необходимо разобраться в чем проблема в описанном выше случае. Наглядный пример