CSS - странные проблемы с браузером со 100% шириной, почему?

Question

ОК, поэтому, если вы пойдете, посмотрите http://furnace.howcode.com, вы увидите пример. [Сайт находится в активной разработке, так что извините за беспорядок / комментарии между разработчиками;)]

Чтобы воссоздать проблему: Перейдите на вкладку «Лучшие». Нажмите на результат «PHP Array Looping» (это лучший пример. Обратите внимание, что данные выбираются через Ajax и могут загружаться не сразу).

В третьем столбце будет возвращена запись *.

Несмотря на то, что общая ширина #col1 + #col2 + #col3 = 100%, браузер все равно добавляет своего рода поле в 30px справа. Предположительно, это то место, где должна располагаться полоса прокрутки, но есть ли способ надежно заполнить это пространство? К сожалению, overflow-x: hidden; на теге body не имеет значения.

---

У меня есть еще одна проблема , которая, как я полагаю, связана с этой проблемой здесь. Я хочу, чтобы к результату #col3 был применен padding-left: 10px;. Теперь в блочной модели я понимаю, что отступы не изменяют пространство снаружи, а пространство внутри - к сожалению, когда я устанавливаю padding-left: 10px; в #col3, оно исчезает со страницы. Уже поздно, я устала и дошла до кофеина, но не могу понять, почему ...! :)

Спасибо, очень признателен за помощь! Браузеры, на которых я тестировал: Google Chrome, Firefox 3.6 (оба на Mac)

Jack

.

** извините за отвратительный стиль, мы полностью переосмыслили дизайн, и я еще не смог изменить его стиль) *

Answer 1

У вас установлена ​​максимальная ширина для 3 столбцов:

#col1
    max-width: 124px
#col2
    max-width: 529px
#col3
    max-width: 729px

они установлены в http://furnace.howcode.com/scaffold/index.php?f=/stylesheets/master.css из строки 349.

Я предлагаю вам проверить с помощью «Проверять элемент» в Google Chrome - там вы легко можете изменить CSS на лету, чтобы попробовать и посмотреть, не перезаписан ли он каким-либо другим стилем, как я полагаю, происходит с вашим отступом. *