Совмещение центрирования и фиксации.

wyvannm · June 28, 2012

Начал изучать "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>

Sign In

Совмещение центрирования и фиксации.

Question

wyvannm

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information