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

[CSS]body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}
html {
height: 100%;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
height: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 100%;
min-width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header {
height: 150px;
background: #FFE680;
}

#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 270px 0 270px;
}

#sideLeft {
float: left;
width: 250px;
margin-left: -100%;
position: relative;
background: #B5E3FF;
}

#sideRight {
float: left;
margin-right: -3px;
width: 250px;
margin-left: -250px;
position: relative;
background: #FFACAA;
}

#footer {
margin: -100px auto 0;
min-width: 1000px;
height: 100px;
background: #BFF08E;
position: relative;
}[/CSS]
Для шестого осла[CSS]* html #wrapper,
* html #footer {
width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'');
}[/CSS]

PS Плохо, что в редакторе сообщений нету спойлеров, было бы удобно скрывать такие простыни кода

Ну, этот макет действительно очень стандартный, сам пользуюсь похожим. Здесь реализовано только прижатие футера, а резиновым его можно назвать разве что условно, потому как вставка изображений в центральный блок выглядит так:

[IMG]http://savepic.su/1597076m.png[/IMG]

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

как вариант, коту нужно похудеть, тогда фото можно сделать меньше, и проблема отпадёт :)

.content img {max-width:100%;} :)

или .content {overflow:hidden;}

пусть контент-менеджер подтготавливает картинки, прежде чем лить их на сайт.

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

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

я тоже видел, и самому делать приходилось :)
одно дело когда сайт концептуально горизонтальный, другое - когда "контент не влазит".

Контент часто не влазит, когда нужно вшить какой-то готовый движок форума/магазина/галереи в центральный блок сайта. За то и бьюсь, чтобы подобных головных болей не возникало. Кот может и похудеть конечно, но я не считаю такой подход правильным, потому как для разных разрешений мониторов придётся изобретать динамического кота в вакууме. Если уж делать резину, то нужно делать её резиновой.

картинки тоже могут быть резиновыми :) width:90%; или max-width:90%