2 вопроса

[FanAizu]

Подскажите, пожалуйста:

1. Как разместить два дива, имеющих каждый свою ширину, высоту, свои отступы(margin) на одной строке? А последующие элементы, чтобы располагались на другой строке? Можно конечно установить в дивах свойство display:table-cell и тогда они будут на одной строке, но тогда у них будет одинаковая высота и свойство margin не работает.

2. Нужно внутри дива разместить тег img. У дива должны быть поля(padding), а также, если картинка превышает заданные для неё max-height и max-width, то див должен спрятать выступающие части картинки. Кроме того нужно, чтобы выступающие части картинки прятались равномерно с каждой стороны, то есть, если картинка превышает максимальную ширину на 10 px, то слева она должна спрятаться на 5 px и справа тоже на 5 px. Первая сложность с которой я столкнулся это то, что если у дива задать вот эти свойства padding:10px;overflow:hidden, то если картинка превышает установленный предел ширины, то див её прячет, но!!! padding-righ внутри дива исчезает, его место занимает картинка.

Помоги, пожалуйста, заранее благодарю!

[Int]

по второму вопросу, я так понимаю, яваскрипт нужен, который бы считал ширину картинки и задавал диву соответствующий background-position, а по первому: для раза float:left, а за ними clear:both

[Vlad]

Использовать для слоев float, а после них вставить clear.

http://htmlbook.ru/faq/kak-razmestit-dva-s...-po-gorizontali