Украли 1% )

[HTMLJunior]

Сделал небольшой HTML макет и табличку стилей http://jsfiddle.net/4BaAQ/

Не понятны 2 момента:

1) Почему при width: 60% у #center блок Right улетает на вторую строку.

2) (следует из первого) Как убрать эти красные дырки?

[Noraad]

http://jsfiddle.net/4BaAQ/8/ может я что лишнее убрал, но думаю суть вы поймете

[uuu]

Проблема заключалась в

display: inline-block

Вот хорошая статья http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

[HTMLJunior]

Спасибо. Очень полезная статья и отличный вариант решения без display: inline-block

[HTMLJunior]

Залил "окончательный" вариант http://jsfiddle.net/gec4y/

Вроде выглядит как надо, но хотелось бы узнать что я сделал не так как нужно было. Так сказать аргументированной критики опытных верстальщиков хочется. )

[uuu]

Советую для начала прочитать вот этот раздел на форуме http://htmlbook.ru/samlayout/blochnaya-verstka

Первое, что бросается в глаза это

    left: 15%;

Тебя не смущают эти 15%? С левой стороны они будут всегда, попробуй поизменять размеры браузера и увидишь, что твой сайт не всегда центрируется.

Посмотри типовые макеты верстки (по той же ссылке), многие вопросы сразу отпадут.