Как сделать так, что б Float-элементы не уезжали друг под друга (если не влазят в экран) - HTML и CSS

barbiturat · 03.12.2008, 18:38

У меня ряд закладок в меню, сделанных из линков, с заданным им floaf:left. Все они находятся в общем контейнере. При уменьшении размера окна они, если всё меню не умещается в ширину окна, само собой, сползают друг под друга. Как сделать так, что б контейнер, содержащий их, не ужимался меньше общей ширины содержащихся в нем закладок?

Пример когда они умещаются в окне:

Пример, когда не умещаются:

wall66 · 03.12.2008, 19:17

к примеру можно сделать нормальную табличную разметку, флоат сделан только для обтекания картинок текстом а не создания менюшек

wall66 · 03.12.2008, 22:04

если уж очень не терпится использовать float то вставь в начало этого элемента картинку spacer.gif содержащую один прозрачный пиксель и укажи атрибуты height="1px" width="минимальная ширина окна"
ни один браузер не ужимает картинки и nowrap-текст

SkyM@n · 09.12.2008, 10:26

Так же можно юзать фиксированную ширину дива, который будет служить контейнером для флоат-дивов. Хотя это не очень удачный способ при использовании динамического создания меню - названия табов могут иметь разную ширину, что скажется на общем размере.

03.12.2008, 18:38	#1
barbiturat Регистрация: 25.11.2008 Сообщений: 5	Как сделать так, что б Float-элементы не уезжали друг под друга (если не влазят в экран) У меня ряд закладок в меню, сделанных из линков, с заданным им floaf:left. Все они находятся в общем контейнере. При уменьшении размера окна они, если всё меню не умещается в ширину окна, само собой, сползают друг под друга. Как сделать так, что б контейнер, содержащий их, не ужимался меньше общей ширины содержащихся в нем закладок? Пример когда они умещаются в окне: Пример, когда не умещаются:

03.12.2008, 19:17	#2
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	к примеру можно сделать нормальную табличную разметку, флоат сделан только для обтекания картинок текстом а не создания менюшек Notepad2 *свободен...*

03.12.2008, 22:04	#3
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	если уж очень не терпится использовать float то вставь в начало этого элемента картинку spacer.gif содержащую один прозрачный пиксель и укажи атрибуты height="1px" width="минимальная ширина окна" ни один браузер не ужимает картинки и nowrap-текст Notepad2 *свободен...*

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Наложения изображения друг на друга	rudakop	HTML и CSS	1	16.09.2008 03:03
Можно ли выделять ячейки размещенные вдали друг от друга в StringGrid?	aslanbek	Общие вопросы Delphi	5	14.03.2008 23:31
как сделать так что при изменении разрешения экрана программа работала...	Victor[famas]	Общие вопросы Delphi	7	13.02.2008 12:48
Найти в массиве квадратные корни наиболее удаленные друг от друга	sher_man	Помощь студентам	2	05.12.2007 10:15
Как сделать так что б С++Builder при компиляции сохранял в .ехе файле все требуемые библиотеки	Endimion	C++ Builder	7	04.11.2007 12:52

09.12.2008, 10:26	#4
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Так же можно юзать фиксированную ширину дива, который будет служить контейнером для флоат-дивов. Хотя это не очень удачный способ при использовании динамического создания меню - названия табов могут иметь разную ширину, что скажется на общем размере.