Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как организовать элементы по горизонтали... чтоб не плыли при изменении размера окна 
:(
    Опции темы
wowka19
Дата 1.12.2011, 14:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 285
Регистрация: 30.11.2011

Репутация: нет
Всего: нет



Нужны фиксированные горизонтально расположенные элементы.
Фиксированность достигается свойством "position:fixed" родительского элемента DIV.
Горизонтальное расположение - свойством "float:left".

НО!!! при изменении размеров окна браузера Кнопки (дочерние DIV'ы) стремятся остаться на виду, выстраиваясь вертикально (столбиком), чего мне нафиг не надо.

Таблицу использовать не хотелось бы - стремлюсь придерживаться блочной верстки.
Фиксировать каждую кнопку ОТДЕЛЬНО тоже не хотелось бы - ибо геморрой это ИМХО.

-----------------------------------
HTML:

<DIV id="menu">

<div>Кнопка1</div>
<div>Кнопка2</div>
<div>Кнопка3</div>
<div>Кнопка4</div>

</DIV>

------------------------------------
CSS:

#menu {position: fixed;}

#menu div
{
    background-image: url(button.png);
    float: left;
}
---------------------------------------------

Это сообщение отредактировал(а) wowka19 - 1.12.2011, 14:27
PM MAIL   Вверх
Amphiluke
Дата 1.12.2011, 21:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Если «кнопки» DIV должны быть резиновыми при продольном сжатии, то
Код

#menu div {
    display:table-cell;
}

плюс некоторые костыли под IE6,7.
Если резиновость не нужна, то достаточно должно быть зафиксировать ширину контейнера #menu, так чтобы дочерние всегда помещались в один ряд…
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0750 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.