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

HTML+CSS+JavaScript

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

 

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

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

тема: Проблемы с FireFox - блок выходит из "родительского блока"
 
 автор: Dr Lines   (17.07.2009 в 04:08)   письмо автору
 
 

Столкнулся с такой проблемой в FireFox:

Есть такая конструкция:


<style>
.linka
{display:block;}

.linka_l
{width:15px;
height:15px;
background-image:url(.....);}


.linka_c
{height:15px;
background-image:url(.....);}

.linka_r
{width:15px;
height:15px;
background-image:url(.....);}
</style>

<a class="linka" href="#">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="linka_l"></td>
<td class="linka_c">Caption</td>
<td class="linka_r"></td>
</tr></table>
</a>


Проблема в том, что иногда эта конструкция в FireFox выводится неправильно, а иногда все нормально. Вобщем как-то раз на раз не приходится.

Проблема выглядит так :

Вместо :

<a class="linka" href="#">
<table cellpadding="0" cellspacing="0">
<tr>
<td class="linka_l"></td>
<td class="linka_c">Caption</td>
<td class="linka_r"></td>
</tr></table>
</a>

выводится

<a class="linka" href="#">
</a>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="linka_l"></td>
<td class="linka_c">Caption</td>
<td class="linka_r"></td>
</tr></table>

Тоесть почему-то FireFox иногда, закрывает тег <a> раньше времени.
ПРи просмотре исходного кода страницы всегда все норм.
Но если посмотреть ее через плагин FireBug то там будет виден этот глюк.

Еще раз замечу, что это происходит не всегда на одной и той же странице.
Версия FireFox - 3.5

Помогите решить эту проблему.

  Ответить  
 
 автор: Phantom   (17.07.2009 в 15:12)   письмо автору
 
   для: Dr Lines   (17.07.2009 в 04:08)
 

Тэг <a> не является блочным. Зачем вы в него таблицу засунули?

  Ответить  
 
 автор: Dr Lines   (18.07.2009 в 06:26)   письмо автору
 
   для: Phantom   (17.07.2009 в 15:12)
 

Да что вы говорите, еще как является
.linka
{display:block;}

Задача: обойти один единственный глюк в firefox.
Остальная куча браузеров таких глюков не имеет.

  Ответить  
 
 автор: PAT   (18.07.2009 в 13:23)   письмо автору
 
   для: Dr Lines   (17.07.2009 в 04:08)
 

Диагноз: "пустая ячейка"
Сделайте хотя бы так:
<td class="linka_l"><br></td>
<td class="linka_c">Caption</td>
<td class="linka_r"><br></td> 

  Ответить  
 
 автор: serjinio   (19.07.2009 в 15:00)   письмо автору
 
   для: PAT   (18.07.2009 в 13:23)
 

или
<td class="linka_l">&nbsp;</td> 

  Ответить  
Rambler's Top100
вверх

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