Какой параметр задать для выравнивания слоя по центру окна
Модератор: Злобный
- Миронов
- Новичок
- Сообщения: 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
#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;
}
[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> </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>
Код: Выделить всё
, как посоветовал Кавалерист. Этот пост я подправил, следующий сам правильно выкладывай. Пример: [code]<div id="ctl00_c11" class="content_wrapper_logo">
- Молдафский Кавалерист
- Завсегдатай
- Сообщения: 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>`а размещаешь внутри контэйнера.
Так вроде бы можно сделать в этом случае.
Код: Выделить всё
<div id="container">
<!-- ..... -->
</div>
Эти три <div>`а размещаешь внутри контэйнера.
Так вроде бы можно сделать в этом случае.
- Молдафский Кавалерист
- Завсегдатай
- Сообщения: 2399
- Зарегистрирован: Ср июн 25, 2008 22:25
- Контактная информация:
Код: Выделить всё
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;
зачем position absolute ? если то хочешь чтобы сайт был по середине то тебе не нужен не какой position ставитьМолдафский Кавалерист писал(а):
Только ты забыл добавить. Добавь и посмотри .Код: Выделить всё
position:absolute;
- Молдафский Кавалерист
- Завсегдатай
- Сообщения: 2399
- Зарегистрирован: Ср июн 25, 2008 22:25
- Контактная информация:
В коде использовался:C.K.Y писал(а):зачем position absolute
Код: Выделить всё
z-index
- Миронов
- Новичок
- Сообщения: 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, со знаком минус */
}
я знаю для чего нужен position: absolute, просто не заметил что он нуженМолдафский Кавалерист писал(а): В коде использовался:Смотри для чего нужно 'position:absolute'Код: Выделить всё
z-index