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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> TABLE-LAYOUT в FF, в IE пашет  
:(
    Опции темы
GIK
Дата 20.4.2009, 17:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: нет
Всего: 14
Всем доброго времени суток.
Собственно вопрос. В FF не работает...


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
ksnk
Дата 20.4.2009, 17:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Собственно ответ: table-layout в FF работает  smile 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
GIK
Дата 20.4.2009, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

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

<TABLE width=50% table-layout=fixed><TBODY>
<TR>
  
   <TD height=127px class=TDInCamersShop>
          <TABLE class=TabInCamersShop table-layout=fixed><TBODY>
   <TR><TD class=TDInTabInCamersShop1><IMG src='charger.gif'></TD></TR>
   <TR><TD class=TDInTabInCamersShop2> Зарядные устройства</A></TD></TR>  
                         </TBODY></TABLE>
          </TD>
          
      </TR>     </TBODY> 
 </TABLE>  


разрешение фото по высоте больше чем 150px. У меня в IE все работает, в FF нет...


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
ksnk
Дата 20.4.2009, 18:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Хм... Забавный параметр table-layout smile я его обычно видел в секции style. Может по этому и не работает? 
А как оно должно выглядеть-то?

Добавлено через 2 минуты и 1 секунду
Обычно, table-layout:fixed определяет не высоту колонок , а их ширину. Она еще может настраиваться тегами COL.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
bars80080
Дата 20.4.2009, 19:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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



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

Репутация: 50
Всего: 315
честно говоря, не помню ни одного атрибута тэга, в котором был бы дефис

пропишите его через css
PM MAIL WWW   Вверх
GIK
Дата 22.4.2009, 15:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: нет
Всего: 14
пример можно?


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
Soah
Дата 22.4.2009, 17:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 2
Всего: 54
table-layout
PM MAIL   Вверх
ksnk
Дата 22.4.2009, 17:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Пример?  

Вот, кусок кусок "основной" разметки страницы одного проекта :
Код

<style tyle="text/css">
table.fixed { 
   table-layout:fixed;
}

.size12 {
   font-size:12px;
}

.long {
   width:100%;
}
</style>
...
<table class="long fixed size12"> 
    <col width="30%"><col width="375px"> 
    <col width="50px"><col width="20%"> 
    <col width="559px"><col width="50%"> 
    <tr> ...



fixed работает нормально только в комбинации с col'ами.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
GIK
Дата 22.4.2009, 17:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: нет
Всего: 14
СПАСИБО!!!   smile

Добавлено через 6 минут и 55 секунд
PS: не тот смайлик поначалу поставил...

Это сообщение отредактировал(а) GIK - 22.4.2009, 17:56


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
GIK
Дата 23.4.2009, 15:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: нет
Всего: 14
Народ че то у меня нифига ничего не получается с этими тегами COL... 

Если кто сможет сделать так чтобы в этом коде картинка размером больше 150px невылазила за пределю ячейки в 100рх, буду благодарен.

Код

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег COL, параметр align</title>
 </head>

<style tyle="text/css">
table.camersShop { 
   table-layout:fixed; 
   width:100%;
   border:1 px; 
}

table.camersShop TD{ 
   table-layout:fixed; 
   height:50px; 
   border:1 px;
}

</style>


 <body>


  <TABLE class=camersShop border=1>
         <TBODY>  
          <COL width="120px" height="50px"><COL width="120px"><COL width="120px"><COL width="120px"><COL width="120px"><COL width="120px">
          <COL width="120px">
          <TR>
           <TD width=6% border=1></TD>
           <TD width=25%><IMG src='foto/shopmenu/foto.gif'></TD>
           <TD width=6%></TD>
           <TD width=25%><IMG src='foto/shopmenu/charger.gif'></TD>
           <TD width=6%></TD>
           <TD width=25%><IMG src='foto/shopmenu/camers.gif'></TD>
           <TD width=7%></TD>

           </TR> 
        </TBODY>      
       </TABLE>

 </body>
</html>


Как сделать так чтобы в FF работало? Высота ячейки выше чем 50pх, если изображение выше...


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
ksnk
Дата 23.4.2009, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
Чего-то я так и не понл, что-же должно получится ;-)
Зачем указывать размеры и в TD и в COL'ах?

Чтобы из ячейки не вылезало - нужно обернуть дивом и в нем выставить размер. ( Ну да! Не зря люди не любят табличную верстку  smile  )

Код

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Тег COL, параметр align</title>
 </head>
<style style="text/css">
table.camersShop { 
   table-layout:fixed; 
   width:100%;
   border:1 px; 
}
table.camersShop TD{ 
   border:1 px;
}
table.camersShop div{ 
   height:50px; 
   overflow:hidden;
}
tr.stick td {
   height:1px; 
   overflow:hidden;
}
</style>
 <body>
  <TABLE class=camersShop border=1>
          <COL width="25%"><COL width="120px">
          <COL width="25%"><COL width="120px">
          <COL width="25%"><COL width="120px">
        <COL width="25%">
          <TR>
           <TD border=1></TD>
           <TD ><div><IMG src='nitki2.jpg'></div></TD>
           <TD ></TD>
           <TD ><div><IMG src='foto/shopmenu/charger.gif'></div></TD>
           <TD ></TD>
           <TD ><div><IMG src='foto/shopmenu/camers.gif'></div></TD>
           <TD ></TD>
           </TR>
<tr class="stick"><td></td> <td></td><td></td><td></td><td></td><td></td><td></td></tr>
       </TABLE>
 </body>
</html>


Последняя строка с классом stick - чтобы в Хроме не глючило...


Это сообщение отредактировал(а) ksnk - 23.4.2009, 17:59


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
GIK
Дата 28.4.2009, 15:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: нет
Всего: 14
Спасибо большой smile


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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