Vartigont
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Vartigont
-
Да, в точку, причина оказалась в нём. Я не понял почему .LayerContacts так распёрло, но после того, как я дописал в него width: 633px; всё встало на свои места. Конечно при экстремально маленьких размерах окна браузера всё равно всё летит к чертям, но это уже не так важно. Да, этот див - элемент фона. По уму наверное нужно его сразу закрыть, и просто дать ему нижний z-index?
-
Извините, не понял вас, а какая в моём случае должна быть минимальная ширина? Мне же нужно чтобы футер растягивался по всей ширине экрана. Я залил сайт на фидл, там хорошо виден этот глюк http://jsfiddle.net/LBrHz/3/embedded/result/
-
Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center; padding-bottom: 0px; position: relative; } /*—————————————————————————--*/
-
Проблему решил, сохранил php файл программой Notepad++ следующим образом: Кодировки -> Преобразовать в UTF-8 Без BOM. После чего сохранил файл и отступ пропал.
-
У меня похожая проблема. Появился совершенно необъяснимый отступ в header.php. Браузер (Goodle Chrome) в DeveloperTools (это такой аналог firebug) отображает этот отступ как кавычки, хотя в коде ничего нет: Header.php <?php?> <html> <head> <title>Строймир Моторс</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> a:link { text-decoration: none; color: #FFF; } a:visited { text-decoration: none; color: #FFF; } a:hover { text-decoration: none; color: #db2f28; } a:active { text-decoration: none; color: #FFF; border-right-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-left-style: solid; font-weight: inherit; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } </style> </head> <body bgcolor="#dbdbdb"> <table class="fix" width="1000" border="0" align="center" cellpadding="0" cellspacing="0" margin="0" vspace="0"> <td width="7" rowspan="2" style="background-repeat: repeat-y; background-image: url(IMAGES/HLShad.png);"> </td> <td height="115" colspan="7" class="Header"><img src="IMAGES/Logo.png" alt="Строймир МОТОРС" hspace="40" vspace="10" align="left"><img src="IMAGES/avto.png" align="right"> </td> <td width="7" rowspan="2" style="background-repeat: repeat-y; background-image: url(IMAGES/HRShad.png);"> </td> <tr class="button"> <td height="20" class="button"><a href=index.php>Главная</a></td> <td height="20" class="button"><a href=Dia.php>Диагностика</a></td> <td height="20" class="button"><a href=RS.php>Развал-схождение</a></td> <td height="20" class="button"><a href=ZM.php>Замена масла</a></td> <td height="20" class="button"><a href=SM.php>Шиномонтаж</a></td> <td height="20" class="button"><a href=STO.php>СТО</a></td> <td height="20" width="400"> </td> </tr> </table> <!-- end header --> style.css .button { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; text-align: center; vertical-align: middle; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; clear: none; float: none; background-image: url(IMAGES/ButtonBG.png); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #3838B4; border-right-color: #3838B4; border-bottom-color: #3838B4; border-left-color: #3838B4; } .fix { padding: 0px; margin-top: -20px; margin-bottom: 0px; overflow: hidden; display: table-footer-group; } .Header { background-image: url(IMAGES/HeaderBG.png); background-repeat: repeat-x; text-align: left; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .text { text-align: left; margin-left: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #323A45; } p { padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin: 0px; } .image { background-color: #666; background-position: center center; text-align: center; height: 300px; margin: 0px; padding: 0px; } стиль .fix создавал дабы убрать этот отступ. Помогло margin-top: -20px; но хотелось бы знать из-за чего это, и как это правильно убрать. Уже не в первый раз такое... P.S. Ссылку на сайт увы дать пока не могу, т.к. он пока что на виртуальном сервере Denver