Какой параметр задать для выравнивания слоя по центру окна

Модератор: Злобный

Ответить
Аватара пользователя
Миронов
Новичок
Сообщения: 49
Зарегистрирован: Сб дек 23, 2006 22:48
Откуда: Киев
Контактная информация:

Какой параметр задать для выравнивания слоя по центру окна

Сообщение Миронов »

Какой параметр задать для выравнивания слоя по центру окна браузера в CSS

#Layer4 {
position:absolute;
width:1000px;
height:47px;
z-index:3;
top: 91px;
left: 1px;
}

a:hover {
color: #FF0000;
}
a:link {
color: #014DA5;
}
в данном случае слой прижимаеться к левому краю так как left: 1px;, если ставить auto то слой сдвигаеться в разрешении 1024Х768 :? :? :?
Аватара пользователя
Молдафский Кавалерист
Завсегдатай
Сообщения: 2399
Зарегистрирован: Ср июн 25, 2008 22:25
Контактная информация:

Сообщение Молдафский Кавалерист »

Попробуй

Код: Выделить всё

margin-left:auto;
margin-right:auto;
Аватара пользователя
Миронов
Новичок
Сообщения: 49
Зарегистрирован: Сб дек 23, 2006 22:48
Откуда: Киев
Контактная информация:

Сообщение Миронов »

Код: Выделить всё

div.content_wrapper_ban {
	position:absolute;
	top:153px;
	width:1000px;
	z-index: 3;
	margin-left:auto; 
    margin-right:auto;
}

div.content_wrapper_logo {
	position:absolute;
	width:1000px;
	top: 0px;
	z-index: 3;
	margin-left:auto; 
    margin-right:auto;
}

div.content_wrapper_verx {
	position:absolute;
	width:1000px;
	height:62px;
	top: 91px;
	z-index: 3;
	margin-left:auto; 
    margin-right:auto;

}
В IE все сдвигаеться право еcли уставанливать все Auto прит этом 500 пустоты, в Mozilla все сдвинуто в лево , а как правельно сделать чтоб в 3 окна выранивались по центру ,

[off]добавлено спустя 54 минуты:[/off]

виглядит примерно так код )

Код: Выделить всё

<body>

/*Зона 2*/
<div id="ctl00_c10" class="content_wrapper_verx">
  <table width=1000 cellpadding=0 cellspacing=0  bgcolor=#eff3f6>
<tr>
<td width=260 height=60 valign=top align=center<img src="../menu/efr.jpg"  height=60 width=260 border=0></td>
<td valign=top background="../menu/down.gif"  width=100%>

<table class="side_upmenu" width=720 align="center" cellpadding="0" cellspacing="0" valign=top>
</tbody></table>
</table>
</table>
</div>

/*Зона 3*/
<div id="ctl00_c0" class="content_wrapper_ban">
	    <div class="content" id="content"><!-- TemplateBeginEditable name="Инфо 1" -->
        <div id="ctl00_c1" class="col1 col1_3">
            <table cellspacing="0" cellpadding="0" class="black_pl">
              <tr>
                <td align="left" class="text11b_white" style="padding-left:10px;">Информация</td>
              </tr>
            </table>
	        <div>
              <p id="storyfullparagraphentete">1s</p>
            </div>
            <div>
              <p id="storyfullparagraphentete">1</p>
            </div>
        </div>
		<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Меню инфо 1" -->
	    <div id="ctl00_c2" class="col2 col2_3">
          <table cellspacing="0" cellpadding="0" class="black_pl">
            <tr>
              <td align="left" class="text11b_white" style="padding-left:10px;">Дополнение</td>
            </tr>
          </table>
	      <div>
            <p id="storyfullparagraphentete">1</p>
          </div>
	    </div>
	    <!-- TemplateEndEditable -->
	    <div id="ctl00_c3" class="col3 col3_3">
	          <table cellspacing="0" cellpadding="0" class="black_pl">
                <tr>
                  <td align="left" class="text11b_white" style="padding-left:10px;">Партнеры</td>
                </tr>
          </table>
	    </div>
	        <p>&nbsp;</p>
	        <div class="footer">
              <div class="menu_footer">
                <p align="center">Бегун</p>
              </div>
              <div class="block_gray_header">2007-2009 <br />
              </div>
	    </div>
	</div>
</div>

/*Зона 1*/
<div id="ctl00_c11" class="content_wrapper_logo">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1000" height="90" align="middle">
  <param name="movie" value="../images/logo/logo1.swf" />
  <param name="quality" value="high" />
  <embed src="../images/logo/logo1.swf" width="1000" height="90" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
</body>
[mod="Злобный"]Миронов, учимся пользоваться тэгом

Код: Выделить всё

, как посоветовал Кавалерист. Этот пост я подправил, следующий сам правильно выкладывай. Пример: [code]<div id="ctl00_c11" class="content_wrapper_logo"> 
Кавалерист, извини, твой пост случайно удалил.[/mod]
Аватара пользователя
Молдафский Кавалерист
Завсегдатай
Сообщения: 2399
Зарегистрирован: Ср июн 25, 2008 22:25
Контактная информация:

Сообщение Молдафский Кавалерист »

Если у тебя абсолютное позиционирование то тогда убери "margin-right:auto; margin-left:auto;"

сделай так:

Код: Выделить всё

position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px; /* здесь половина от того что в width, со знаком минус */

будет по середине.
Аватара пользователя
Миронов
Новичок
Сообщения: 49
Зарегистрирован: Сб дек 23, 2006 22:48
Откуда: Киев
Контактная информация:

Сообщение Миронов »

спс учту тэг

Код: Выделить всё

Неужели получилось , правда пока весь код не переделал , а так не хотела хоть убей)
Хорошо хоть в коде немного порядок навел )
Аватара пользователя
Молдафский Кавалерист
Завсегдатай
Сообщения: 2399
Зарегистрирован: Ср июн 25, 2008 22:25
Контактная информация:

Сообщение Молдафский Кавалерист »

Помести всё содержимое тэга <body> в :

Код: Выделить всё

<div id="container">
    <!-- .....  -->
</div>
и центруй уже его.
Эти три <div>`а размещаешь внутри контэйнера.
Так вроде бы можно сделать в этом случае.
ZLioxygon
Новичок
Сообщения: 3
Зарегистрирован: Ср янв 07, 2009 00:10

Сообщение ZLioxygon »

Молдафский Кавалерист писал(а):три <div>`а
а можно не скромный вопрос - а нельзя ли проще.. (теория)..
Аватара пользователя
Молдафский Кавалерист
Завсегдатай
Сообщения: 2399
Зарегистрирован: Ср июн 25, 2008 22:25
Контактная информация:

Сообщение Молдафский Кавалерист »

щито?
Аватара пользователя
C.K.Y
Юзер
Сообщения: 55
Зарегистрирован: Чт сен 28, 2006 10:41
Откуда: Кишинёв

Сообщение C.K.Y »

Код: Выделить всё

body {
     ....
     text-align: center; /* для IE */
}

#page-container {
      width: 800px;
      margin: 0 auto;
      text-align: left;
}

Код: Выделить всё

<body>
     <div id="page-container">
         .....
     </div>
</body>
Аватара пользователя
Молдафский Кавалерист
Завсегдатай
Сообщения: 2399
Зарегистрирован: Ср июн 25, 2008 22:25
Контактная информация:

Сообщение Молдафский Кавалерист »

C.K.Y писал(а):
Только ты забыл добавить

Код: Выделить всё

position:absolute;
. Добавь и посмотри .
Аватара пользователя
C.K.Y
Юзер
Сообщения: 55
Зарегистрирован: Чт сен 28, 2006 10:41
Откуда: Кишинёв

Сообщение C.K.Y »

Молдафский Кавалерист писал(а):
Только ты забыл добавить

Код: Выделить всё

position:absolute;
. Добавь и посмотри .
зачем position absolute ? если то хочешь чтобы сайт был по середине то тебе не нужен не какой position ставить ;)
Аватара пользователя
Молдафский Кавалерист
Завсегдатай
Сообщения: 2399
Зарегистрирован: Ср июн 25, 2008 22:25
Контактная информация:

Сообщение Молдафский Кавалерист »

C.K.Y писал(а):зачем position absolute
В коде использовался: Смотри для чего нужно 'position:absolute'
Аватара пользователя
Миронов
Новичок
Сообщения: 49
Зарегистрирован: Сб дек 23, 2006 22:48
Откуда: Киев
Контактная информация:

Сообщение Миронов »

Код: Выделить всё

div.content_wrapper_ban {
	position:absolute;
	top:211px;
	width:1000px;
    left: 50%; 
    margin-left: -500px; /* здесь половина от того что в width, со знаком минус */ 
}

div.content_wrapper_logo {
	position:absolute;
	width:1000px;
	top: -1px;
    left: 50%; 
    margin-left: -500px; /* здесь половина от того что в width, со знаком минус */ 

}

div.content_wrapper_rekl {
	position:absolute;
	width:1000px;
	top: 154px;
	z-index: 0;
    left: 50%; 
    margin-left: -500px; /* здесь половина от того что в width, со знаком минус */ 
}

div.content_wrapper_verx {
	position:absolute;
	width:1000px;
	height:62px;
	top: 91px;
    left: 50%; 
    margin-left: -500px; /* здесь половина от того что в width, со знаком минус */ 
}
в данном случае все отлично работает )
Аватара пользователя
C.K.Y
Юзер
Сообщения: 55
Зарегистрирован: Чт сен 28, 2006 10:41
Откуда: Кишинёв

Сообщение C.K.Y »

Молдафский Кавалерист писал(а): В коде использовался: Смотри для чего нужно 'position:absolute'
я знаю для чего нужен position: absolute, просто не заметил что он нужен :)
Ответить

Вернуться в «Программирование»