Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Table выходит за границу Div 
:(
    Опции темы
wind1
Дата 29.6.2009, 10:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 133
Регистрация: 29.6.2007

Репутация: нет
Всего: нет



Проблема в том, что когда ширина TABLE больше ширины окна браузера, то DIV, в который вложена таблица, не растягивается на ее ширину. Ширина DIV'a равна ширине окна браузера, при этом TABLE выходит за границу DIV.
Как это можно поправить?
Браузер Firefox 3.0.11
PM MAIL   Вверх
bars80080
Дата 29.6.2009, 11:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



У-ХА-ХА-ХА!!! злорадствую я, У-ХА-ХА-ХА!!!
в лучших традициях тех кто постоянно обливает грязью ИЕ.

сей совершенно непонятный дурацкий баг свойственен только "правильным" браузерам файерфоксу и опере. очередное доказательство не совершенства в этом мире, и доказательство что ИЕ отнюдь не является ущербным по сравнению с ФФ, у того тоже хватает подобных багов

пытался я найти объяснение, решение, в итоге проблема снялась с помощью нагромождения непонятных шаманских методов
http://forum.vingrad.ru/index.php?showtopi...t&p=1475521

PM MAIL WWW   Вверх
p0zt3r
Дата 2.7.2009, 19:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 128
Регистрация: 4.2.2007
Где: Самара

Репутация: 1
Всего: 6



А зачем Вам тэйбл шире окна браузера? влюблены в горизонтальные прокрутки?

вот этот код 
Код

<style>
div
{
    border:solid 1px black;
    
    width: 800%;
}

table
{
    width: 200%;
}
</style>

</head>
<body>

<div>
<table>
<tr>
<td>оченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьочень длинная строка</td>
</tr>
</table>


нормально работает в огнелисе 3.0.11.

Не понимаю о чём Вы.

А то, что див не масштабируется вслед за вложенным в него тэйблом это особенности дива, и глюки огнелиса здесь ни при чём.
--------------------
24*7*365*геморой*зарплата=0
PM MAIL ICQ   Вверх
bars80080
Дата 2.7.2009, 19:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(p0zt3r @  2.7.2009,  19:09 Найти цитируемый пост)
А зачем Вам тэйбл шире окна браузера? влюблены в горизонтальные прокрутки?

есть такие задачи


Цитата(p0zt3r @  2.7.2009,  19:09 Найти цитируемый пост)
А то, что див не масштабируется вслед за вложенным в него тэйблом это особенности дива, и глюки огнелиса здесь ни при чём. 

это глюки огнелиса, так как с позиции логики они не объясняются
PM MAIL WWW   Вверх
p0zt3r
Дата 2.7.2009, 20:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 128
Регистрация: 4.2.2007
Где: Самара

Репутация: 1
Всего: 6



дорогой, div это плашка обычная. она не должна подстраиваться под объект, размер которого ещё не вычислен - это раз.
Два - для дива всегда нужно задавать размеры, т.к. смотри выше.

В спецификации HTML 4.01, которая прародитель div-тэга сказано:

Цитата

The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.

--------------------
24*7*365*геморой*зарплата=0
PM MAIL ICQ   Вверх
bars80080
Дата 2.7.2009, 23:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(p0zt3r @  2.7.2009,  20:26 Найти цитируемый пост)
div это плашка обычная. она не должна подстраиваться под объект

да? чего же она ограничивается? пусть тянется пока нет пределов. каким макаром див выбирает пределами видимую область экрана?
PM MAIL WWW   Вверх
p0zt3r
Дата 3.7.2009, 00:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 128
Регистрация: 4.2.2007
Где: Самара

Репутация: 1
Всего: 6



bars80080, а кто сказал выбирает? В этом примере мы задали явно ширину и она никак не ограничена.

В спецификации XHTML явно указано как должна расчитываться ширина этой плашки в соответствии со стандартом в браузерах. Если ширина не задана, она может принимать либо значение 100%, что и есть ширина экрана, либо 0, в зависимости от того, какого типа контент внутри находится.

А IE и Microsoft - ту да же, куда и "вашу" логику. Если Вам что-то не нравится, это ещё не значит, что это не соответствует правилам, нормам, спецификациям.
IE вообще по-моему без всяких стандартов делалось, поэтому до сих пор надо писать для них хаки.
--------------------
24*7*365*геморой*зарплата=0
PM MAIL ICQ   Вверх
kalabro
Дата 5.7.2009, 00:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 60
Регистрация: 17.3.2007
Где: Москва

Репутация: нет
Всего: нет



для дива можно дать float:left; и все тянется без проблем.
ну или float:left;display:table;width:100%;, если вам нужно, чтобы div оставался на 100%, если даже таблица уже.


Это сообщение отредактировал(а) kalabro - 5.7.2009, 01:44
PM MAIL ICQ Jabber   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0499 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.