У меня тут небольшая проблема. Разрабатывая веб-сайт, я хотел, чтобы с обеих сторон были акцентированные цвета с двумя равномерно расположенными полосами, а содержимое в центре находилось в поле шириной 800 пикселей с белым фоном. В основном три колонки с разными цветами. Для этого я создал div с содержимым с помощью margin-align: auto для левой и правой сторон.
#container
{
height:500px;
width:800px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
}
Итак, проблема, с которой я сталкиваюсь, заключается в том, что мой блок контента находится на одном уровне с верхней частью окна браузера, но если разрешение экрана значительно высокое, у моих блоков контента остается свободное место, которое не занимает достаточно места и выделяется цветом показывает под моим окном контента. Что мне нужно сделать, чтобы контент сам подстраивался, чтобы занимать больше места, чтобы он не просвечивал внизу?
Редактировать : попробуйте это http://i.stack.imgur.com/DuNXJ.jpg
Редактировать 2: Решено! Благодаря Blender, ссылка, предоставленная в комментариях к cssstickyfooter.com, сделала свое дело.
Вот полный правильный код , для всех, кто сталкивается с этим и заинтересован.