Начал изучать "html5, css3 и web 2.0" по Дронову. Пишет сухо, догонял, пока писал про html, в CSS вообще опа полная началась. Почитал уроки, посмотрел примеры, но не нашел ответы на интересующие вопросы. Читал примеры, листал форум, похожее есть, но не про нашу честь, как говориться. К делу: пишу страничку, задача, примерно обрисована в схеме.., необходимо поверх фонового изображения накинуть несколько блоков с рисунками. Основная сложность - позиционирование. В целом, в полном окне все выглядит неплохо,но как только начинаю масштабировать окно браузера, все начинает плыть, кнопки (граф. текст в схеме) съезжают, баннер сверху на главной съезжает, все болит, ничего не помогает. Прошу дельных советов. Психанул, все удалил, начал заново, но и тут засада, все начинает ездить при масштабировании: CSS: #header{ background-image: url(images/header.png); background-repeat:no-repeat; width:642px; height:109px; margin: 0 auto; position: relative; z-index: 2; } #main{ background-image: url(images/main.jpg); background-repeat: no-repeat; width:986px; height:669px; margin: 0 auto; margin-top: -50px; position: relative; z-index: 1; } HTML: <html> <head> <title>Индекс.</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header"></div> <div id="main"> <div id="menu1"></div> <div id="menu2"></div> <div id="menu3"></div> <div id="menu4"></div> </div> <div id="content"></div> <div id="footer"></div> </div> </body> </html>
