Доброго времени суток.
Есть три объекта DIV (назовём #a, #b, #c), они расположены внутри родительского DIV (#parent). Родительский же входит в DIV (#layer), который "накрывает" всё 'body'. Каждый объект DIV имеет процентное соотношение. Так #a, #b и #c имеют свойства width=10%, 10% и соответственно 80%, а объекту DIV #parent свойству width причислено 90%, он же в свою очередь лежит напомню в объекте DIV #layer, у последнего width равен 100%. При этом у всех объектов свойство height равно 100%, что в данном случае не так важно.
Проблема в том, что #parent выходит за правую рамку последнего #c. При этом едва заметен краешек, словно включен border-right: 1px.
Ниже прилагаю поочерёдно код html и css.



Прошу помощи коллективного разума. Может быть я что-то делаю не так? (;

Это сообщение отредактировал(а) Xeroxed - 24.2.2012, 05:07

А что вы хотите от бедного броузера?   

Проблема в том, что элементы при вычислении 10 и 80 процентов получают ЦЕЛУЮ ширину, а далеко не все числа делятся нацело на 10% и 80%. Можно явно установить ширину #layer в число кратное 100 (тогда вычисления будут точными) и убедится, что красная полоска пропала.