Итак, проблема в том, что у меня есть страница с тремя колонками. Справа находится реклама, которую я хочу отключить на определенных страницах, чтобы содержимое расширялось, и на странице было два столбца вместо трех.
Я нашел решение, используя display: table-cell
. Это работает в самых больших браузерах, но странная проблема возникает только в Firefox. Когда я захожу на мою страницу, реклама падает ниже контента, и контент расширяется. Затем, когда я нажимаю "Обновить", появляется реклама, и все кажется нормальным.
Не могли бы вы помочь?
Вот CSS:
#wrapper{width: 960px; margin: 0 auto;}
#left{float: left; width: 220px; margin: 6px 0 0 5px;}
#content_wrapper{float: left; width: 724px; margin: 6px 0 0 5px;}
#content{min-height: 400px; min-width: 522px; max-width: 724px; border: solid 1px #ccc; padding: 12px; vertical-align:top; display: table-cell; }
#right{width: 168px; padding: 0 6px 0 5px; display: table-cell;}