stupidtrue

http://jsfiddle.net/klierik/jNkd3/

Спасибо. добавил

 nav {
          display: inline;
    }

что бы все было в 1 строке и удалил

http://jsfiddle.net/jNkd3/55/

вышло как то так http://jsfiddle.net/jNkd3/60/

очень благодарен за помощь

http://jsfiddle.net/mrnobody/

На весь экран — http://fiddle.jshell...ody/sRPdd/show/

Блин, и тут не успел )

Спасибо.

много гуглил но так и не нашел годного ответа на свой вопрос

подскажите пожалуйста.

есть шапка

<header>
<a></a>
<div></div>
<nav></nav>
</header>

и css

header {
height:300px;
}

Нужно что бы шапка растягивалась по всей ширине, но контент в ней(a, div, nav) выравнивался по горизонтали по центру.

Стандартный:

margin: 0 auto;

не действует, если не задано width.

Как выровнять весь контент шапки по центру?

Не нужен тут clear: both, потому что никакого обтекания-то и не было. Зато есть строчно-блочный элемент .illustration, выровненный по верхнему краю строки. Уберите display: inline-block у .illustration, если нужен такой вариант. И текст, лично я бы, к примеру, заключала в абзацы.

А, вкурил, спасибо.

Мне так нравится этот форум очень благодарен за помощь.

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

Softlink, так? Я правильно понимаю?

Я не специалист, но вроде работает да и еще как я хотел

Осталось еще добавить обтекание текстом блоков с чем я сам справлюсь.

Большое спасибо.

Добавил

clear: both;

Но обтекании не пропало, в чем я ошибаюсь?

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

Softlink, так? Я правильно понимаю?

Я не специалист, но вроде работает да и еще как я хотел

Осталось еще добавить обтекание текстом блоков с чем я сам справлюсь.

Большое спасибо.

Примерно в общих чертах так div.img - это имитация картинки.

Спасибо, но мне очень не хотелось вставлять картинку через фон.

Если ничего луче не придумаю то использую ваш код... спасибо

http://jsfiddle.net/A8BLP/3/

Вы очень хитер, спасибо за метод

вот кому интересно в справочнике

Пример 8.4. Сочетание разных классов

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

Да, да. Именно так.

Извиняюсь за неясное изложение своих мыслей. Я новичок на форуме.

Очень благодарен за сэкономленное мне время

Доброй ночи.

Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций.

Помогите пожалуйста.

Допустим есть блок с картинкою

<div class="illustration">
  <img src="imge.jpg" alt="imge" width="640" height="480">
  <span>подпись</span>
</div>

Как задать ширину блока

illustration 

такую же, как ширина картинки?

Ответ - записать:

width="640"

не годится

Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент?

Любые ссылки приветствуются.