RiG

ещё предложения какие-нибудь будут?

В main вроде навигация не входит. У меня он предназначен только для контента. Ну тут наверно можно сделать так: <main><section><h1>Заголовок</h1><article><figure><img><figcaption>Описание</figcaption><p><a href="">Подробнее</a> <a href="">Комменты</a></p></figure></article></section></main>каждый section к отдельному блоку, я правильно понял?

Имеется вот такой простой макет С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу. Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно? Сам контент может быть представлен в разном виде. Вот например на главной странице сайта каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому? При нажатии ссылки "Подробнее" открывается вот это Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев и для самих комментариев? Подскажите пожалуйста как правильно.

Большое спасибо =)

большое спасибо, то что нужно =) А ещё подскажите, как быть с <form method="post" action="">

Валидатор считает данный код не валидным <a href="javascript://" onclick="rp(203,1)" style="text-decoration:none">из-за "javascript://". Чем можно заменить? Якорь перебрасывает наверх страницы(

У вас блок фиксированный =) Мне помогло вот это <img width="100%" style="max-width: 320px;" src="images/zd.jpg">

ну вот почему то если картинка большая, она выезжает за размеры слоя...

для картинки?

Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена картинка. необходимо реализовать вот что: если картинка имеет ширину меньше, чем текущая ширина контейнера (экрана пользователя можно сказать), то необходимо показывать картинку в 100% ширине(ширина картинки известна) тупо по центру блока, не растягивая её. Если же размер картинки больше чем ширина контейнера, то её необходимо масштабировать(уменьшать), согласно размерам родителя. Как это можно реализовать?

Вы гений, спасибо большое

Вот такой Шаблон необходимо сделать Проблемы возникают с боковыми колонками. Если сделать ссылку по центру (и по вертикали тоже), то вся ячейка не является ссылкой, а если растянуть ссылку на всю ячейку(сделать блочной), то текст оказывается вверху ячейки.

http://jsfiddle.net/ZNw2N/ (Предупреждение: по-разному отображается в FF и Chrome)

Имеется вот такая таблица <table width="100%"> <tr> <td width="15%"><a href="#"><div>←</div></a></td> <td><a href="#">Content</a></td> <td width="15%"><a href="#"><div>→</div></a></td> </tr></table>В правой и левой ячейке стрелки влево и вправо (для листания), по центру картинка (размер изменяется). Необходимо чтобы левая и правая колонки представляли собой ссылки, причем полностью, именно вся ячейка! Растянуть DIV в ячейке у меня не выходит, так как высота ячейки не известна. Вот что я хочу получить, как это можно реализовать? Быть может без таблицы как то?

Ширина уже ограничена. Блок 1 397px Блок 2 400px Блок 3 400px Блок 4 100% Высота также установлена фиксированная Блин, сам написал и сам понял что затупил. Ширина блоков больше минималки. Спасибо psywalker

При широком экране макет выглядит так Про сужении экрана ДОЛЖНО быть так Но сейчас это выглядит так psywalker, это просто тут ошибка, быстро печатал. В исходном коде всё норм

Я хочу чтобы при малом размере окна браузера div 2 не заезжал под div 1. Просто должна создаться горизонтальная полоса прокрутки, и всё что не влезает ушло за экран

Это просто тут криво написал, в исходном коде всё нормально

В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

не актуально, решил с помощью таблицы

не сработало...

Имеется блок div <div class=''> Одна строка текста разной длинны</div> Вопрос: как сделать так, чтобы ширина блока устанавливалась автоматически равной ширине содержимого (строки текста), во всех браузерах желательно.

Решение найдено! http://designformasters.info/posts/holy-grail/

wanntuzz, не понял честно говоря)

Shotgun ваш вариант не подходит, т.к. во первых очень важно чтобы контент был в коде на первом месте, а во вторых футер прилипает к контенту, игнорируя размер блоков. P.S. Проблему с футером решил добавлением с свойства clear:both. Осталась проблема с min-width