Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

приближение страницы - едет div выравнивание

Обсуждение темы приближение страницы - едет div выравнивание в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Проблема верстки div. При приближении страницы - часть страницы центрирована, а часть - смещена влево. Перепробовал, не нашел как нужно выравнивать...


Закрытая тема
 
Опции темы
Старый 21.04.2011, 16:48   #1
Здравствуйте!
Проблема верстки div.
При приближении страницы - часть страницы центрирована, а часть - смещена влево.
Перепробовал, не нашел как нужно выравнивать
 
Старый 21.04.2011, 16:48
Ссылки
Старый 21.04.2011, 16:58   #2
zenzible ru
http://i20.fastpic.ru/big/2011/0421/...d5e1f6f8cd.jpg
 
Старый 21.04.2011, 17:07   #3
поправил. наслаждайтесь!
Untitled-1.jpg
 
Старый 21.04.2011, 17:13   #4
вижу, что tritobunibuni уже понедоумевал над ответом поясняю - для совета в коде нужно код показывать, а не скриншот
 
Старый 21.04.2011, 17:53   #5
Код HTML:
<div class="header_wap">
<div id="header">
	<div id="header_top">
	<!-- cpt_container_start -->
<div class="cpt_logo"><a href="/shop/index.php?ukey=home"><img src="/published/publicdata/U1556163DEFAULT/attachments/SC/images/logo.png" alt="Zenzible.ru" /></a></div>
<!-- cpt_container_end -->
	<div class="text_block">
	Стильные мужские<br>

	<b>украшения и аксессуары</b>
	</div>
	<div class="right_block" align="right">
			<form action="/shop/index.php?productID=764&amp;ukey=product&amp;did=34" method="post">
			<input name="enter" value="1" type="hidden" >
				<table class="form_wrapper">
					<tr>
						<td>

<div class="auth">
<span class="error"></span>
<span class="pass">Пароль</span>	
<span class="log">Логин</span>
					<a rel="nofollow" href="/shop/index.php?ukey=register" class="reg">Зарегистрироваться</a><span class="lable">Войти:</span>&nbsp;<input class="login" type="text" name="user_login" id="ln_user_login" value="" size="16" ><!--Пароль-->&nbsp;<input  class="password" name="user_pw" type="password" size="16" >		
						<input class="button_in" type="submit" class="reg_but" value="" >
</div>
						</td>
					</tr>

				</table>

</form>	<div class="contacts">
<!-- cpt_container_start -->
<div class="cpt_custom_html"><table>
<tr>
<td>
<b>ICQ:</b> 12-48-11-2<br>
<b>E-mail:</b> [email protected]
</td>

<td>
<b>Наш телефон:</b><br>
+7 (909) 11-12-13-1
</td>
</tr>
</table></div>
<!-- cpt_container_end -->
	</div>
	</div>
	</div>
	<div id="header_menu">

		<!-- cpt_container_start -->
		<ul id="main_menu"  >
			<li id="main" ><a href="./index.php?ukey=home"></a></li>
			<li id="about_us"><a href="./index.php?ukey=auxpage_1"></a></li>
			<li id="art"><a href="./index.php?ukey=auxpage_stati"></a></li>
			<li id="how2order"><a href="./index.php?ukey=auxpage_2"></a></li>
			<li id="pnd"><a href="./index.php?ukey=auxpage_oplata-i-dostavka"></a></li>
			<li id="part"><a href="./index.php?ukey=auxpage_partneram"></a></li>
		</ul>

		
<div class="cpt_shopping_cart_info">
	
<div id="shpcrtgc">(пусто)</div>
<div id="shpcrtca">&nbsp;</div>

<div class="shcart_link"><a class="" rel="nofollow" href="/shop/index.php?ukey=cart">Оформить заказ</a></div>
</div>
<!-- cpt_container_end -->
			<div class="clear_fix"></div>
	</div>

</div>

</div>
<div id="actions">
<div class="navigation">
<span>Другие акции:</span>
<ul>
	<li class="nav this">1</li>
	<li  class="nav">2</li>
	<li  class="nav">3</li>
	<li  class="nav">4</li>

</ul>
</div><ul id="slider"><li><img src="./images/action1.png" border="0" alt="браслет из стали"></li><li><img src="./images/action2.png" border="0" alt="кожаный браслет"></li><li><img src="./images/action3.png" border="0" alt="кулон из стали"></li><li><<img src="./images/action4.png" border="0" alt="кулон для влюбленных"></li></ul>
</div>
<div id="content">
text
</div>
css
Код HTML:
.header_wap {
	background: #1e1e1e url(../../images/znz_bg_top_0.jpg) repeat-x;
}

#header {
	background: #1e1e1e url(../../images/znz_bg_top.jpg) center no-repeat;
	margin: 0 auto;
	width: 980px;
	font-size: 12px;
	color: #fff;
	padding: 0px 135px;
}
#actions {
	position: relative;
	width: 978px;
	margin: 0px auto 20px auto;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px; 
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	height: 194px;
	overflow: hidden;
	padding: 0px;
	background: #fff;
}

#actions ul {
	list-style: none;
	}
	
#slider {
	height: 776px;
	display: block;
	margin-top: 0px;
	}
	
#slider  li {
	text-align: center;
	height: 194px;
	overflow: hidden;
	}
	

.navigation {
	z-index: 10;
	display: block;
	bottom: 10px;
	right: 30px;
	width: 300px;
	list-style: none;
	position: absolute;
}


.navigation span {
	width: 80px;
	margin: 4px;
	padding: 2px 4px;
	float: left;
}



.navigation ul li {
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: block;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	width: auto;
	margin: 4px;
	padding: 2px 4px;
	}

.navigation ul li.this {
	border: 1px solid transparent;
	background: #f8ff04;
	}

#content {	
	width: 980px;
	padding-bottom: 30px;
	margin: 30px auto 0px auto;
	clear: both;
}

Последний раз редактировалось tritobunibuni; 21.04.2011 в 18:00..
 
Старый 21.04.2011, 18:24   #6
выложеный код не показывает заявленой проблемы. а нет этого сайта гденибудь выложенного? по живому-то оно быстрее бы решилось.
 
Старый 21.04.2011, 19:33   #7
zenzible ru /zen.rar
 
Старый 22.04.2011, 00:59   #8
Оборудование для производства теплоэффективных теплоблоков.Основным преимуществом нашего оборудования перед существующими аналогами является низкая цена, при высокой надежности, производительности, а также простоте монтажа и эксплуатации.Продажа теплоблоков. termobrick.ru
 
Старый 22.04.2011, 07:57   #9
в стилях для action и content сделайте padding: 0px 135px;
вы же сами в header такое условие сделали - значит для нижележащих блоков то же условие нужно.
 
Старый 22.04.2011, 12:49   #10
В этом случае верхний баннер увеличивается вширь.
не помогло
 
Старый 22.04.2011, 12:49
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с флэш-видео. Приближение и движение камеры. Simbioz Технологии Flash 9 25.10.2009 23:58
Выравнивание itan HTML, CSS, JavaScript 5 16.01.2009 20:49
Выравнивание страницы Брат HTML, CSS, JavaScript 11 09.04.2008 09:48
Выравнивание в Css jsse HTML, CSS, JavaScript 5 01.05.2006 18:15
Под разрешение она не туда едет... Raven HTML, CSS, JavaScript 6 08.01.2005 16:12


Текущее время: 03:05. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум