div, span и table

[kpp]

div, span и table

Кто-нибудь может сказать выход из такой ситуации.

Есть строка. Надо сделать так, чтобы у неё был серый фон.
И при этом фон был ровно на 5 px от краёв строки.

ЕСЛИ делать span ом то ЭТОТ САМЫЙ ФОН вылезает на 5 px выше края самой таблицы в которой он лежит!!!!
Мега бред фон строки вне таблицы хотя строка лежит в таблице.

ЕСЛИ делать дивом, то серый фон разойдется шире чем сама строка

ЕСЛИ всё это дело вмето спана положить в таблицу то всё ТИП-ТОП
Но таблицей - это уродство



Что делать?
ширина таблицы 100%_ Как сделать так чтобы фон не вылезал и при этом фон был строго по ширине строки а не шире?

Чтобы не быть говнословным, привожу пример:

<table style="border:1px solid red; width:100%"><tr><td><span style="padding:20px; background:#ccc">STRING ccc</span></td></tr></table>

<table style="border:1px solid red; width:100%"><tr><td><table><tr><td style="padding:20px; background:#ccc">STRING ccc</td></tr></table></td></tr></table>

<table style="border:1px solid red; width:100%"><tr><td><div style="padding:20px; background:#ccc">STRING ccc</div></td></tr></table>

Надо чтобы отображалось как во втором варианте но без вложенной таблицы!
(должно работать под FireFox)

 

[oksale]

Re: div, span и table

<table style="border:1px solid red; width:100%"><tr><td>
     <div style="padding:20px; background:#ccc; float:left;">STRING ccc</div>
</td></tr></table>

 

[kpp]

oksale
а ты крут

не думал что float каким-то боком мог помочь