[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Проблема с тегами <div>
Zzepish
есть 2 тега <div> со значением стиля float:left ! Но, когда ширина экрана становится меньше сумарной ширины тегов, правый тег съезжает ниже! Как это исправить?



Спустя 5 минут, 20 секунд (9.06.2012 - 14:35) redreem написал(а):
ну не делай их float, сделай просто inline а для контейнера задай overflow какой нужен. вообще нужно полный код смотреть - там мелочей много может быть всяких.

Спустя 4 минуты, 9 секунд (9.06.2012 - 14:39) Zzepish написал(а):
понятно=) буду юзать таблицы=) с ними проще работать)

Спустя 2 дня, 15 минут, 53 секунды (11.06.2012 - 14:55) sebastjan написал(а):
Положи в обёрту див и задай минимальную ширину в стиле.
Ни чего ни куда не будет прыгать при ресайзе.
Точно не припомню, но кажись так делал резиновый диз, надо попробовать на досуге.

Спустя 38 минут, 49 секунд (11.06.2012 - 15:34) inpost написал(а):
Zzepish
Интересный вопрос. Вообще-то для этого и существует float:left. На маленьком разрешении экрана люди будут видеть 1-2 фотографии в фотогалерее в ряду, а большом - 3-4-5. Эти свойства не для резины.

Спустя 15 дней, 23 часа, 18 минут, 7 секунд (27.06.2012 - 14:52) dron4ik написал(а):
sebastjan -> решение...

Спустя 1 час, 15 минут, 42 секунды (27.06.2012 - 16:08) sebastjan написал(а):
dron4ik
лови
Ограничение резины в ЦСС вставляется ява скрипт, можно и без него.
Типа так
*html .aaa{
min-width:600px;
_width:600px;
Знак подчёркивания перед свойством не забываем.
В общем почитай в инети ,есть разные способы ограничения резины, чтб не складывадись блоки.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title>
<style>

.aaa{
max-width: 100%;
min-width:600px;
background-color: #D2E4E8;
height: 200px;
width: 100%;
}
*html .aaa {
width:expression(document.documentElement.clientWidth < 600 ? '600px' :
(document.documentElement.clientWidth > 1000 ? '1000px' : 'auto'));
}
.bbb{
background-color: #993300;
float: right;
height: 200px;
width: 200px;
}
.ccc{
background-color: #0066CC;
float: left;
height: 200px;
width: 200px;
}
</style>
</head>
<body>
<div
class="aaa">
<div
class="bbb"></div>
<div
class="ccc"></div>
</div>
</body>
</html>



Спустя 3 месяца, 14 дней, 20 часов, 6 минут, 4 секунды (12.10.2012 - 12:14) dron4ik написал(а):
sebastjan
это мне адресовано???
Я то знаю как сделать, просто указал что твое решение верное!!!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.