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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> 100% > 100%, фф и ие снова подлоджили свинью 
:(
    Опции темы
eee
Дата 5.7.2008, 12:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



в общем, столкнулся с проблемой, когда ие и фф кладут свинью с width="100%"
index.tpl:
Код

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!-- куча всего -->
<tr>
        <td style="padding-left:15px;" valign="top">
         {include file="includes/left_$left.tpl"}
        </td>
        <td align="left" valign="top" style="padding-right: 13px;">
         {include file="parts/$module.tpl"}
        </td>
</tr>
<!-- продолжение кучи всего -->
</table>

module.tpl:
Код

<table width="100%" cellpadding="0" cellspacing="0" id="mod_main">
    <tr>
        <td style="padding:10px 10px 10px 10px;border:1px solid Silver;">
            <table cellpadding="1" width="100%">
                <!-- всякая всячина -->
            </talbe>
        </td>
     </tr>
</table>

так вот в ФФ получается такая ситуация, что правая сторона таблицы mod_main уходит за пределы ячейки в которую заключена и соответственно за пределы экрана, что влечет за собой появление горизонтальной прокрутки(

ИЕ даже прокрутку не удосужился дать показать, просто вывел правую границу за экран, а там уже сами думайте, что это значит))
в общем боролся-боролся, пока решил таким способом:
<!--[if IE]><table width="99%" cellpadding="0" cellspacing="0"><![endif]-->
<!--[if IE]><![if !IE]><![endif]-->
<table width="97%" cellpadding="0" cellspacing="0">
<!--[if IE]><![endif]><![endif]-->
и сейчас не могу понять - в mozilla и microsoft, по ходу дела, программисты с разных планет и с разным понятием о 100-а процентах)

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


Опытный
**


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

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



Уберите горизонтальные padding-и, и используйте margin-ы у вставляемых блоков.
Вот, например здесь:
Код

<table width="100%" cellpadding="0" cellspacing="0" id="mod_main">
    <tr>
        <td style="padding:10px 10px 10px 10px;border:1px solid Silver;">
            <table cellpadding="1" width="100%">
                <!-- всякая всячина -->
            </talbe>
        </td>
     </tr>
</table>

вы вставляете 100%-ую по ширине таблицу в 100%-ную по ширине таблицу, а она не учитывает padding родительской и идет по всей ее ширине, а padding, в свою очередь, просто раздвигает родительсткую таблицу на 100% + 10px + 10px = прокрутка, которую вы видите в броузерах.

Это сообщение отредактировал(а) webster - 5.7.2008, 14:03
PM MAIL   Вверх
eee
Дата 5.7.2008, 14:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



)) спасибо) огромное, щас попробую
PM MAIL WWW ICQ   Вверх
lukas
Дата 5.7.2008, 17:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



это не свинья... просто padding'ы, создавая отступы внутри контейнера набавляют к ширине и высоте... а видать разработчики FF и IE считают что длина 100% + ваши паддинги... все правильно... 


--------------------
http://code.google.com/p/orionphp/ - opensource скриптовой язык Orion (аналог PHP) для freepascal/delphi.
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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