ru_coding, posts by tag: div - LiveJournal (original) (raw)
You are viewing the most recent 9 entries
Декабрь 28, 2006
dimaniko @ 05:34 pm: DIV overflow (горизонтальный)
Можно ли минимально изменить следующий код таким образом, чтобы при уменьшении размеров браузера "fixed-width" не вылезал за пределы "container"? Пусть появится горизонтальный скроллинг.
Для IE6, IE7, FF. Ну в IE6 сейчас работает, но это "антистандартный" глюк, насколько я понимаю.
Я сильно подозреваю, что вопрос элементарный и дело в предновогоднем тупняке, но тем не менее.
Спасибо.
upd: overflow:hidden не катит - мне не нужно обрезать контент, мне нужно вместить его. Если вместо дива "container" поставить таблицу с одной ячейкой - будет ровно тот эффект, что нужен. Вот только таких контейнеров может быть дофига, код загромождается, ну и уж никакой семантикой тут не пахнет.
upd2: Ширина внутреннего дива заранее не известна.
Декабрь 18, 2006
dimaniko @ 10:04 am: no wrap please
Можно ли в нижеприведенном примере с помощью CSS'a добиться того, чтобы div'ы с классом element оставались выстроенными по горизонтали (без wrap'а) когда процентная ширина div'а container становится меньше суммы ширин этих самых element'ов?
Фактически, я хочу, чтобы container перестал уменьшаться в этой ситуации, точно вместив element'ы и не давая overflow.
Для IE6 и FF.
Или без таблиц не обойтись?
Июнь 26, 2006
private_face @ 03:05 pm: «резиновый» макет в N колонок
Уважаемые сокодеры, помогите разобраться, решаема ли следующая задача:
| есть код: | и стиль: |
|---|---|
1-я колонка 2-я колонка ... N-я колонка |
#container div { float: left; } |
Цель: данный код должен соответствовать верстке макета в N колонок, типа такого:
| 1-я колонка | 2-я колонка | ... | N-я колонка |
|---|
При этом:
- N может варьироваться в пределах от 1 и до до разумной бесконечности, т. е. решение должно быть по возможности универсальным;
- размеры колонок не фиксируются, они могут быть любого размера, в зависимости от содержимого, т. е. все колонки должны быть «резиновые».
В чем суть проблемы: сейчас, когда суммарное содержимое всех колонок превышает ширину экрана, «лишние» колонки, «сбрасываются» вниз.
Чего хотелось бы: чтобы колонки не «сбрасывались», а вместо этого появлялся горизонтальный скроллинг.
Не предлагать:
- использовать таблицы;
- фиксировать ширину колонок и обрубать лишнее с помощью overflow: hidden;
- использовать скрипты.
UPD: Решение найдено. Респект и уважуха
lazy_sergeant и gomolyako!
Май 7, 2006
shade33 @ 06:06 pm: Опять учиться.
В очередной раз взялся за дивную верстку, и в очередной раз наелся проблем. Сказка стара - хочется двухколоночного с шапкой и подвалом. И даже получилось что-то воспринимаемого лисой.
http://yaroshevich.ru/index.htm
css - http://yaroshevich.ru/common.css
Вопрос: куда все плывет в IE и как от этого избавится? Почему баннер не хочет позиционироваться аналогично правой колонке?
UPD: Оказывается еще футер не уходит вниз, когда контента больше чем на экран :(
UPD2: С помощью этого примера почти удалось разобраться с подвалом. Только почему-то пока скроллинг появлется. И с баннером непонятки остались.
x-posted to 
ru_webdev
Май 4, 2006
weit @ 03:05 pm: Я пока только осваиваю верстку DIV-ами и вот такой вопрос появился....
Есть 2 дивные колонки:
[ float: left; ] [ тут всякое другое ]
Первый див короче второго, так как во втором контента больше и вот этот контент заползает под первый див (т. е. обтекает, как его и просили). А как сделать чтобы не заползал? Чтобы расположение было как в ячейках таблицы - вне зависимости от высоты первого дива?
Музыка: :Wumpscut: - Stirb Im Winter
Tags: 2 columns, css, div, float, margin, padding
Апрель 11, 2006
1kr @ 12:17 am: Div and IE 6.0
Здравствуйте. IE 6.0 не хочет отображать слой меньше чем в 20px, это у меня баг или баг IE?
Февраль 11, 2004
soamo @ 08:02 pm: А что, все на слои (DIV) перешли?
А как же старые добрые (и совместимые) таблицы?
Разработано LiveJournal.com