Как я могу изменить размер различных частей макета

Question

Я использую следующую раскладку: http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm

Это работает точно так, как должно, и я ожидал, что это сработает, но я не могу изменить размер правой полосы и левой "полосы" (я хочу, чтобы они оба стали меньше). Я пытался изменить значения в надежде на понимание, но CSS все еще для меня волшебство.

Может кто-нибудь сказать мне, какое значение фактически контролирует это? Также было бы здорово, если бы кто-то мог объяснить, почему изменение XX действительно изменит размер.

Answer 1

Приведенный пример roosteronacid работал нормально и работал в Visual studio. Но при этом использовались заблокированные размеры, вам нужно было бы выбрать определенное разрешение. Лично я ненавижу, когда это происходит, ничего более раздражающего, чем веб-сайт, использующий 25% моего экрана (вполне возможно, что я мог бы использовать эту платформу, чтобы делать то, что хотел, но у меня нет навыков для этого).

Я нашел другое решение здесь , которое и работало, и масштабировалось в соответствии с моими пожеланиями (также работает на старых браузерах).

Answer 2

Я бы предложил вам внедрить еще один CSS-фреймворк. Тот, который вы используете, кажется, очень трудно изменить.

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

Я много слышал о фреймворке Blueprint. Вот список сайтов , которые используют Blueprint.

Обновление:

Взгляните на учебник по их 3 колонкам .

Также: вот отличное - более общее - учебное пособие в net tuts + .

Answer 3

CSS - очень мощная система проектирования. Тем не менее, он имеет свой собственный способ ведения дел и не очень интуитивно понятен для новичка.

Хорошей новостью является то, что кривая обучения не слишком крутая.

С некоторой преданностью вы можете пройти долгий путь за несколько дней или неделю или две.

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

Вместо этого вам следует спросить о том, как получить основы и основы CSS, чтобы вы могли их изучить. Применение этого к любому каркасу в будущем будет легкой задачей.

Answer 4

Если вы хотите изменить размер элемента, вы должны также манипулировать его дочерними элементами. Если дочерний элемент управления отсутствует, вы можете использовать атрибуты width и height для управления размером элемента.

Для более подробной информации, пожалуйста, прочитайте это

Детали модели визуального форматирования