Всем доброго дня! Я только начинаю верстать и столкнулся с такой проблеммой. Создаю шапку сайта в виде картинке. На картинку наношу блоки с логотипом и мини-меню. Все бы ничего, но при масштабировании в браузерах или при смене разрешения логотип уходит вниз. Но кстати, картинка остается фиксированного размера. И также мини-меню, оно сьезжается, а должно быть на определенном месте картинки. Вот код: <body> <div id="header"> <img src="images/header.jpg" alt="Шапка сайта" /> <div id="logo"> <p class="leftmainlogo"> Box&Cube </p> <p class="underlogogrey"> create & innovate solutions </p> </div> </div> </body> #header img { width: 100%; } #logo { left: 10%; position: absolute; top: 15%; } .leftmainlogo { font-size: 270%; color: white; margin:0; } .underlogogrey { color:#9c9c9c; margin:0; } Как вы выходите из ситуаций когда нужно создать текст именно на картинке и чтоб он уменьшался вместе с ней и не выходил за границы? Интересует именно резиновая верстка. Картинки с проблеммой добавлю вечером, может кто поймет что из кода? Спасибо!
