Rooner

Решил проблему пока так: <li style="width: 105px;"><a href="/o-kompanii/">О компании</a></li> <li style="width: 80px;"><a href="/novosti/">Новости</a></li> <li style="width: 111px;"><a href="/o-produktsii/">О продукции</a></li> <li style="width: 134px;"><a href="/sotrudnichestvo/">Сотрудничество</a></li> <li style="width: 88px;"><a href="/kontakty/">Контакты</a></li> <li style="width: 98px;"><a href="/gde-kupiti/">Где купить</a></li> <li style="width: 143px;"><a href="/nas-rekomenduyut/">Нас рекомендуют</a></li>Просто, тупо, но эффектино

Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что проблема в размере шрифта, при зуме он увеличивается и расталкивает блоки, как можно зафиксировать размер шрифта в меню?

[РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> </div> Скажите пожалуйста как сделать обрезку в IE, чтобы не было косяков? Оказалось все просто и непонятно почему так, но работает, вот такое решение: <div class='pic_mat'> <div class='pic_block'> <a href='/material.php?mid=".$row_pic['mid']."'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> </div>

Сделал по-другому, через указание конкретной длины блоков и выравнивание их с помощью float Абсолютное позиционирование я подсмотрел на другом сайте, там это было необходимо для резиновой верстки, без него правый блок улетел бы вниз.

Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }

Ну видимо придется вынести, просто я думал что и внутри таблицы все легко и не принужденно меняется.

Как мне прописать стили для текстового поля формы, если форма находится в тбалице? <table border="0" cellspacing="0" cellpadding="0"> <form name="form" method="post"> <tr> <td><label>Название категории:</label></td> <td><input type="text" name="title" value="" required /></td> </tr> </form> Так не получается: table form tr td input[type=text] { тут стили }