2010-11-09 3 views
0

Я использую YUI для сброса классов браузера, а затем привожу alt text в пару пользовательских таблиц стилей ... Я видел, как это случалось несколько раз, и я не думаю, что я когда-либо сузил причина:HTML CSS: Разбитая таблица?

таблица втягивая изображений составляют квадрат таблицы с слежки ... но по какой-то причине, он сломан ...

Вот мой CSS:

.tblSquare { 
    text-align: left; 
    border-collapse: collapse; 
} 
.tblSquare td.top { 
    background:url('/Content/Images/tblSquare_top.gif') repeat-x; 
} 
.tblSquare td.left { 
    background:url('/Content/Images/tblSquare_left.gif') repeat-y; 
} 
.tblSquare td.right { 
    background:url('/Content/Images/tblSquare_right.gif') repeat-y; 
} 
.tblSquare td.bottom { 
    background:url('/Content/Images/tblSquare_bottom.gif') repeat-x; 
} 
.tblSquare td.content { 
    background:#FFF; 
    vertical-align:top; 
} 
+2

Вы должны опубликовать HTML и CSS; для этой проблемы может быть несколько причин. – Jacob

+0

@dcolumbus вы пытаетесь создать элемент

? Я надеюсь, что это для табличных данных; я боюсь за худшее. – zzzzBov

+0

@zzzzBov, да, эта таблица имеет класс, а некоторые TD имеют классы. – dcolumbus

ответ

1

Я пришел к выводу, что это не очень хорошая практика. Всегда используйте DIV, когда содержимое не является табличным. Нет смысла пытаться быть умным ... и при этом быть крайне неразумным.

0

это трудно сказать, что не так, если вы не публикуете свой HTML или CSS, но это выглядит как случай, когда есть пробелы (возможно,  ) в таблице, которая заставляет высоту ячейки быть выше изображения, которое она содержит.

+0

Без пробелов. Эта проблема - скорее случайность. – dcolumbus

+0

Можете ли вы разместить свой HTML-код? Непонятно, как вы определили свою таблицу и ее содержимое. – Jacob