Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Проблема с таблицами в IE.
 
 автор: Footer   (11.08.2006 в 12:09)   письмо автору
 
 

Почему то в IE отображаются таблицы не так как надо. Вот, допустим, есть у меня такой код:

<table width="100%"  border="0" cellpadding="0" cellspacing="0" background="pics.gif">
            <tr>
              <th><span class="txt2">Блок №1</span></th>
            </tr>
            <tr>
              <td class="txt">Link 1</td>
            </tr>
            <tr>
              <td align="center"><a href = "#"><img src="#" width="133" height="21"></a></td>
            </tr>
            <tr>
              <td class="txt">Link 2</td>
            </tr>
            <tr>
              <td height="43" align="center" valign="top"><a href = "#"><img src="#" width="132" height="23"></a></td>
            </tr>
          </table><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <th colspan = "2"><span class="txt2">Блок №2</span></th>
              </tr>
    <tr>
      <td class = "txt"><a href = "#">Link 3/a></td>
      <td class = "txt">текст</td>
    </tr>
          </table>

Этот код находится внутри одного столбца другой таблицы и у этого столбца указана конкретная ширина, ну, например, width = "120". Проблема в следующем: в браузере IE две приведённых выше таблицы отображаются не на всю ширину столбца для которого задана width = "120", а как будто не дотягиваются до границы ячейки. Причём первая таблица отображается нормально, на всю ширину, а вторая не дотягивается до конца ячейки. Ещё такая фишка есть: если к приведённому выше коду добавить код таблицы, в которую вставлена форма, то только эта таблица с формой отображается на всю ширину главного столбца (хотя она его почему-то даже расширяет). Остальные две таблицы не дотягивают около сантиметра до края столбца. Причём такой баг только в Эксплорере. В Опере всё нормально отображается. Так в чём может быть здесь дело и как подправить данную ситуацию? Хелп, замучился уже верстать!!!!!

   
 
 автор: tuder   (11.08.2006 в 12:41)   письмо автору
 
   для: Footer   (11.08.2006 в 12:09)
 


<td class = "txt"><a href = "#">Link 3/a></td>


Может поправить закрывающий тег ссылки?
Link 3/a

   
 
 автор: RMW   (11.08.2006 в 12:50)   письмо автору
 
   для: Footer   (11.08.2006 в 12:09)
 

Могу сказать только, что это из-за рисунков. Укажи ширину рисунков поменьше.

   
 
 автор: Footer   (11.08.2006 в 18:06)   письмо автору
 
   для: RMW   (11.08.2006 в 12:50)
 

Пробовал поменьше сделать картинки - не помогло. Буду думать дальше.

   
 
 автор: RMW   (11.08.2006 в 19:28)   письмо автору
 
   для: Footer   (11.08.2006 в 18:06)
 

А у меня помогло.

<html>
<head>
</head>
<body>
<table border="1">
<tr>
<td width="120">
<table width="100%"  border="1" cellpadding="0" cellspacing="0" background="pics.gif"> 
            <tr> 
              <th><span class="txt2">Блок №1</span></th> 
            </tr> 
            <tr> 
              <td class="txt">Link 1</td> 
            </tr> 
            <tr> 
              <td align="center"><a href = "#"><img src="#" width="100" height="21"></a></td> 
            </tr> 
            <tr> 
              <td class="txt">Link 2</td> 
            </tr> 
            <tr> 
              <td height="43" align="center" valign="top"><a href = "#"><img src="#" width="100" height="23"></a></td> 
            </tr> 
          </table><br> 
<table width="100%" border="1" cellpadding="0" cellspacing="0">
              <tr> 
                <th colspan = "2"><span class="txt2">Блок №2</span></th> 
              </tr> 
    <tr> 
      <td class = "txt"><a href = "#">Link 3</a></td> 
      <td class = "txt">текст</td> 
    </tr> 
          </table>
</td>
</tr>
</table>
</body>
</html>

   
 
 автор: AlexSol   (11.08.2006 в 19:31)   письмо автору
 
   для: RMW   (11.08.2006 в 19:28)
 


 <tr>  
              <th><span class="txt2">Блок №1</span></th>  
            </tr>  

   
 
 автор: RMW   (11.08.2006 в 20:23)   письмо автору
 
   для: AlexSol   (11.08.2006 в 19:31)
 

А в чём проблема с th?:)
Мне видится здесь вот что: для блока задана ширина 120px,
в блоке имеется рисунок шириной 133px,
ясно, что блок растягивается. Так же имеется блок
с шириной заданной как 100% и вот он "думает" что 100%
это и есь 120px видимо ориентируясь на декларированное
а не на реальное значение ширины.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования