Бутон за CSS спрайт, използващ таблица Не може да се отърве от нови редове след таблица в IE (режим на странности)

Създавам css бутон, използвайки следното изображение...

css bg

Това е фон на таблица.. текстът за изображението влиза в td блокове.

Можете да го видите в действие тук, моля, вижте изходния код, за да видите как работи всичко, css е вграден.

връзка към CSS бутон

Изглежда, че всичко работи чудесно... но го вижте в IE и Firefox. Ще забележите, че по някаква причина има прекъсвания на редове в IE, а не във Firefox. Искам да няма прекъсвания на редове, стил firefox.

Знам, че много хора веднага ще кажат "Просто добавете DOCTYPE таг и всичко ще бъде наред!" За съжаление моят случай на употреба е такъв, че трябва да работи в I.E. режим на странности.

И така.. като това е ограничение.. някакви идеи?


css internet-explorer css-tables quirks-mode
person Craig    schedule 05.10.2011    source източник
comment
Току-що казах на някого днес, че затова винаги кодирате според стандартите и никога към браузърите... ОСОБЕНО Internet Explorer. И причина #9364 никога не трябва да използвате таблици за оформление.   -  person Rob    schedule 05.10.2011
comment
Напълно съм съгласен.. Наистина наистина много ми се иска да не се налага да използвам режим на странности. :/   -  person Craig    schedule 05.10.2011
comment
Просто добавете *margin-right: 4px !important; към класа .spriteTableButton, за да получите интервал отдясно. * в правилото ще гарантира, че се прилага само за IE.   -  person Strelok    schedule 05.10.2011

Отговори (1)


arrow_upward
2
arrow_downward

Опитахте ли да добавите "float:left;" към css клас ".spriteTableButton"? Това може да реши проблема с прекъсването на реда за нула време.

person vantrung -cuncon    schedule 05.10.2011
comment
Благодаря...Това поправя прекъсването на реда. Правейки това обаче, бутоните нямат абсолютно никакво пространство помежду си и полето не прави нищо. Предполагам, че мога да добавя малък div с известна ширина, но бих предпочел по-добро решение от това. Идеи? - person Craig; 05.10.2011
comment
Страхотно, ако някой чете това в бъдеще, не забравяйте да прочетете коментара на Strelok по-горе, той коригира проблема с неработещия марж. Благодаря много. - person Craig; 05.10.2011
comment
ДОБРЕ. Лоши новини. Тази корекция не работи в Safari. Работи както за IE quirks mode, така и за firefox, но не успява в safari. Актуализирах URL адреса .. lolstrategies.com/test/button_sample.html за показване с предложения от вас код. Моля, погледнете в Safari. Не само че паузите на масите все още са там, но по някаква причина цялото нещо сега е подравнено вдясно... - person Craig; 05.10.2011
comment
Добре, обърканото подравняване се дължи на това, че премахнах *, което предложихте, така че сега е обратно... всичко е подравнено по средата, което вероятно е ОК. Все пак трябва да се отърва от тези проклети почивки на масата... - person Craig; 05.10.2011