| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Как организовать элементы по горизонтали... |
| Автор: wowka19 1.12.2011, 14:12 |
| Нужны фиксированные горизонтально расположенные элементы. Фиксированность достигается свойством "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; } --------------------------------------------- |
| Автор: Amphiluke 1.12.2011, 21:40 | ||
Если «кнопки» DIV должны быть резиновыми при продольном сжатии, то
плюс некоторые костыли под IE6,7. Если резиновость не нужна, то достаточно должно быть зафиксировать ширину контейнера #menu, так чтобы дочерние всегда помещались в один ряд… |