CSS - Изменение общей ширины

Question

У меня есть шаблон Blogger, который шире ширины экрана и вызывает горизонтальную полосу прокрутки. Я хочу изменить его так, чтобы он подходил и полоса прокрутки не отображалась. Но проблема в том, что я не знаю, что вызывает это. Я скачал файл шаблона и в моем редакторе кода искал все свойства width и изменил все 100% s на 90%, а значения ширины в пикселях на value-100, но все равно страница остается прежней.

При поиске действующего правила / правил в таких случаях, что еще я должен искать / делать? Что такое комплексная процедура проверки вещей, чтобы найти правила?

Answer 1

Вместо изменения ширины попробуйте добавить свойство CSS overflow: hidden ко всему, что, по вашему мнению, может вызывать проблему, а затем удалите их один за другим, пока не появится полоса прокрутки и у вас не будет виновника.Возможно, вам также понадобится добавить его к html и body.Если полосы прокрутки не раскрывают какой-либо фактический контент, вы можете оставить overflow: hidden на виновнике, чтобы решить проблему.

Answer 2

Это может быть не свойство ширины, которое вызывает проблему - внутри вашего шаблона может быть элемент блока, который не переносит или не перемещает, что может растянуть ваш контейнерпроценты .

Определите корневой контейнер, используя фиксированную ширину, и это должно устранить многие из этих видов проблем.Попробуйте сначала и дайте нам знать, если это работает.

Answer 3

Кажется, что компонент имеет стиль min-width и свойство переполнения установлено на auto.Возможно, вы захотите установить его на visible и сделать это в FireBug Инспектор страниц Firefox вначале, чтобы увидеть эффект вживую, прежде чем делать пост-редактирование.Если вы просто хотите отрегулировать всю ширину поста, блоггер имеет стандартный интерфейс .Вы также можете редактировать шаблон вручную

Answer 4

Ну,% всегда начинается с "100". Смотрите процент ширины тела тега установлен на 100%. затем, в соответствии с этим, просто установите другой компонент% согласно требованию на вашем дисплее.

Лично я верю, что использование% лучше, чем 'px'. Если вы знаете CSS, попробуйте изменить «px» на% согласно требованию.

Answer 5

Процедура:

1).Понять модель коробки и как это меняется в IE.Также вероятно, что проблема "ширина" может быть вызвана заполнением, полем или даже границей, как ширина.

2).Проверьте рендеринг в других браузерах.Если вы можете воспроизвести проблему в FF, возьмите Firebug и используйте его, чтобы узнать расчетные размеры рассматриваемого элемента, и проложите туннель через его дочерние элементы, что вполне может быть причиной проблемы.Chrome имеет отладчик, похожий на Firebug iirc, но я не знаком с ним.

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

hth

(Apols, если что-либо из этого уже было очевидно)