Jump to content

senrize

Newbie
  • Posts

    10
  • Joined

  • Last visited

senrize's Achievements

Explorer

Explorer (1/14)

1

Reputation

  1. .search .btn_search{ border: none; background: url('../images/btn_search.png') 12px 6px no-repeat; width: 34px; height: 31px; cursor: pointer; position: absolute; }
  2. Возможно, у вас указана высота меню/элементов в пикселах и при этом в css установлен padding и/или border => разная высота в разных браузерах (некоторые включают padding и border в высоту/ширину, а некоторые - нет). Как вариант вместо высоты и отступов использовать line-height и margin...
  3. Кстати да, как-то не подумал о +... =) ну а на вопрос выше можно сделать так: http://jsfiddle.net/bMAc4/
  4. Точно сказать не могу, но, возможно, сафари неправильно считает ширину блока... Попробуйте установить фиксированную ширину для .item-text, ну или хотя-бы width: 100%
  5. У вас для инпута не указана высота. Так что нужно установить height/line-height для .fld_search
  6. Боюсь, что если влоки не вложенные, то средствами одного CSS3 это не сделаешь. Только javascript.
  7. Посмотри на media queries: http://htmlbook.ru/css/media @media only screen and (min-width: 1280px) { /* нужные стили */ }
  8. Да, я тоже рассматривал вариант с inline-block, но там та же проблема - нижние блоки находятся не в плотную к верхним... Я подозреваю, что тут можно использовать для решения только стобцы. Вся соль в том, что я делаю "отзывчивую" верстку, в которой элементы на десктопе и мобиле должны располагаться в одинаковом порядке, т.е. на десктопе это сетка элементов, а на мобиле - линейный список блоков. В случае столбцов порядок теряется. Наверное, буду скриптом отслеживать viewport и при малом разрешении просто убирать столбцы...
  9. Наиболее простой способ - создать главный контейнер c фиксированной минимальной шириной: <body> <div id="main_container"></div> </body> и html { height: 100%; } body { color: #FFFFFF; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; padding: 0px; text-align: justify; } #main_container { background: url(img01.gif) repeat-y center; height: 100%; min-width: 742px; /* Ширина бэкграунда */ }
  10. Здравствуйте. Подскажите, возможно ли реализовать вертикальное обтекание блоков средствами CSS, как показано на рисунке. сейчас страница выглядит следующим образом: html: <div class="hlist"> <a class="name" href="#">Link 1</a> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> ... css: .hlist { background: #eee; border: 1px solid #ddd; display: block; float: left; padding: 10px 10px 8px 10px; width: 200px; } P.S. Я понимаю, что можно сделать по отдельному контейнеру под каждую колонку или фиксированную высоту у каждого элемента, но это не варианты для текущей задачи... Может кто-нибуть сталкивался с подобной задачей,
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy