|
приближение страницы - едет div выравниваниеОбсуждение темы приближение страницы - едет div выравнивание в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Проблема верстки div. При приближении страницы - часть страницы центрирована, а часть - смещена влево. Перепробовал, не нашел как нужно выравнивать... |
|
Опции темы |
21.04.2011, 16:48 | #1 |
|
Здравствуйте!
Проблема верстки div. При приближении страницы - часть страницы центрирована, а часть - смещена влево. Перепробовал, не нашел как нужно выравнивать |
|
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&ukey=product&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> <input class="login" type="text" name="user_login" id="ln_user_login" value="" size="16" ><!--Пароль--> <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"> </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> Код 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 |
|
В этом случае верхний баннер увеличивается вширь.
не помогло |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Помогите с флэш-видео. Приближение и движение камеры. | 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 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|