Iguar

Разбить на две ячейки?... Действительно работает ))) Странно, а почему в одной ячейке не выравнивается?... И почему "vertical-align: top" а выравнивается по середине? Тоже работает... Я создал ещё одну колонку, задал выравнивание по подсказке предыдущего оратора... Только всё же не понятно, а почему собственно img не выравнивается в ячейке по середине?

Чё-то не могу понять: делаю форму таблицей, в одной ячейке у меня два объекта input и img (img к тому же является ссылкой, но это не существенно). Когда input один -- он нормально выравнивается по вертикали посередине ячейки, но при добавлении img всё разлетается... Пробовал двигать padding и top -- безрезультатно. Должно выглядеть вот так. Как же их выровнять?

Спаси Бог! Очень хороший пример! Вот только мозгов у меня не хватило понять принцип его работы... Наверное поэтому у меня и не получилось применить это к моей странице. Делал я так: взял код из примера -- работает, в DIV, который предназначался для контента вставил содержимое страницы -- не работает, подвал ползёт за статьей вверх. Помогите разобраться!

Уверен, можно было бы и так, но мне хотелось решить задачу именно внутри одного блока... Практикуюсь просто )))

Уже два дня думаю, как реализовать подвал. Вопрос весьма живой, но мне, пока, не поддающийся. Суть вот в чём. Возьмём к примеру такую страницу. Структура её такова: первым идёт верхняя картинка с параметром margin-bottom:-500px для позиционирования статьи; меню слева (включая графический адресный блок и картинку с рукой под ней) сделано таблицей и имеет позиционирование absolute, то есть исключено из общего потока. Сейчас колонка меню длиннее статьи и выходные данные внизу (будем называть их подвалом, ибо возможно будут ещё элементы и подвал должен быть по ширине сайта) я внедрил в неё, но если наполнить статью справа, то эти данные, конечно же, так и останутся под картинкой и о добавлении к ним элементов по ширине страницы не может быть и речи. Но если сделать подвал отдельным элементом страницы и поставить его в конце статьи, то он будет наползать на таблицу с меню и с картинкой. Как сверстать так, что бы подвал находился внизу всех элементов страницы и не зависел от наполненности статьи?

Отлично! Всё теперь выглядит, как надо. Спаси Бог!

Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня получилось. Сначала идёт текст, под ним картинка и всё это с отступом "padding-top: 430px" Как грамотно реализовать этот блок?

Здравствуйте! Я в блочной вёрстке новичок, поэтому не сочтите за наивность мой вопрос (ну и вообще исходный код))). Посмотрите, как должна выглядеть страница: картинка Обратите внимание на подвал, там где краска из банки а на ней адресный блок. Я попытался это реализовать блоком DIV с фоновой картинкой и с соответствующими margins для позиционирования текста внутри этого блока. Но у меня не получилось вот, что получилось. Картинку сначала было видно, а когда стал экспериментировать с текстом, то она пропала, а текст никак не встаёт на место. Помогите грамотно решить эту головоломку.