Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина DIV'а / 6 сообщений из 6, страница 1 из 1
29.04.2009, 17:58
    #35961714
Hamfast
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина DIV'а
Суть проблемы:
есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво.
Заранее спасибо.
Пример:
<html>
<body>
<div style="background: red;">
test
<div style="background: green; width: 2000px;">
test
</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
30.04.2009, 11:06
    #35962861
RayZ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина DIV'а
Hamfast,
Добавьте в стили контейнера display:inline-table; . Должно сработать.
...
Рейтинг: 0 / 0
30.04.2009, 11:22
    #35962910
Hamfast
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина DIV'а
Сработало в Mozille, IE6 не отреагировал
...
Рейтинг: 0 / 0
30.04.2009, 11:47
    #35963009
RayZ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина DIV'а
Hamfast,
пардон, у меня стоит IE6 и там работает, и как бы по спецификации должно работать.
Попробуйте почитать про представления, возможно для IE6 будет работать inline-block.
Возможно, что универсального решения и не будет. И прийдется хаки.
...
Рейтинг: 0 / 0
02.05.2009, 16:15
    #35965231
Master4
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина DIV'а
автор
Не совсем понял. Попробуйте размеры указывать в процентах.
...
Рейтинг: 0 / 0
03.05.2009, 16:16
    #35965791
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ширина DIV'а
2RayZ - странно, но quirksmode.org не знает про display:inline-table . Думаю, с display:table получилось бы в фф и опере точно, про остальных не знаю. И да, тоже непонятно, почему с ИЕ6 проблемы возникли.

А вообще - лучше бы использовать min-width:2000px для контейнера вместо шаманства с дисплеями, меньше проблем с кроссбраузерностью будет. Но это если ширина внутреннего дива заранее известна.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ширина DIV'а / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]