|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Проблемы с вёрсткой. (уезжают кнопки.) |
Проблемы с вёрсткой. |
Здравствуйте.
у меня такая проблема. сверстал сайт, если смотреть в разрешении монитора 1440*900 всё нормально. но если смотреть в 1920*1080 то правый блок в шапке уезжает. (кнопки.) и иконка... телефона. в style_img написано что бы не было бордеров.. (на случай если будут вопросы.) HTML Код <div id="header"> <!--<Шапка>--> <div id="logo_site"><a href="#"><img src="images/style/logo.png" alt="Логотип сайта" width="195" height="115" class="logo style_img"></a> <h6><span style="color: #000000">ПАРАМПАМПАМ - ПАМПАМПА </span>МПА</h6> </div> <div id="slogan"><h1><em>лял <strong>"ляляля лял"</strong> - лялялял ляляляляляля<br> ляляляляляля ляляляляля ля лялялялялялял.<br> лял лял лялялялялялял я ляляляляляля лялялялялялял.</em></h1></div> <div id="logo_tel"><img src="images/style/phone.png" alt="Иконка телефона" width="62" height="61" class="logo_phone style_img"></div> <div id="adress"><span class="area_code">л яяяяя </span><span class="number">яяя-яя-яя</span><br><span class="JobMod">лялял ляляля: л ляля ля лялял</span><br> <span class="city">ля лялялялялялялял<br>лялялялялялял ляляляля ляляля лялял</span> <div id="batton_head_req"> <a href="#Request_call" class="Request_call ">ляляляля ляляля</a> </div> <div id="batton_head_sub"> <a href="#Submit_request" class="Submit_request">ляляляля ляляля</a> </div> </div> </div> <!--< / Шапка>--> CSS Код h1 { font-size: 18px; font-family: "Roboto"; font-weight: normal; color: rgb( 88, 88, 88 ); text-align: center; } h6 { font-size: 12px; font-family: "Roboto"; font-weight: normal; color: rgb( 88, 88, 88 ); } #header { height: 155px; background: url("../images/style/bg_hed.jpg") repeat-y #ece4d5; border-bottom: solid 2px #37808d; } #logo_site { float: left; padding-left: 20px; padding-top: 10px; position: relative; } #slogan { float: left; padding-top: 40px; padding-left: 80px; position: relative; } #logo_tel { float: left; padding-top: 10px; left: 70px; position: relative; } #adress { float: right; padding-top: 10px; padding-right: 40px; text-align: right; position: relative; } .area_code { font-size: 30px; font-family: "Roboto"; color: rgb( 88, 88, 88 ); line-height: 1.5; } .number { font-size: 35px; font-family: "Roboto"; color: rgb( 88, 88, 88 ); } .city{ font-size: 18px; font-family: "Roboto"; color: rgb( 88, 88, 88 ); } .JobMod { font-size: 16px; font-family: "Roboto"; color: rgb( 88, 88, 88 ); } #batton_head_req { float: left; position: absolute; right: 240px; } #batton_head_sub { float: right; position: absolute; left: 140px; } .Request_call { display: block; width: 180px; height: 32px; background: url("../images/style/zakaz.png") 0 0 no-repeat; color: #fff; font-size: 14px; font-family: Arial,Tahoma, sans-serif, serif; color: rgb( 255, 255, 255 ); text-align: center; line-height: 30px; text-decoration:none; } .Request_call:hover { background-position: 0 -31px; color: #fff; font-size: 14px; font-family: Arial,Tahoma, sans-serif, serif; color: rgb( 255, 255, 255 ); text-decoration:none; } .Submit_request { display: block; width: 180px; height: 32px; background: url("../images/style/zakaz.png") 0 0 no-repeat; color: #fff; font-size: 14px; font-family: Arial,Tahoma, sans-serif, serif; color: rgb( 255, 255, 255 ); text-align: center; line-height: 30px; text-decoration:none;} .Submit_request:hover { background-position: 0 -31px; color: #fff; font-size: 14px; font-family: Arial,Tahoma, sans-serif, serif; color: rgb( 255, 255, 255 ); text-decoration:none; } верстаю на локалке. подскажите пожалуйста где искать ошибку... и почему оно уезжает на full hd разрешении... забыл сказать.... width: 1240px; у шаблона. Добавлено (30 Окт 2014, 12:15:17) Добавлено (30 Окт 2014, 12:16:50) Добавлено (30 Окт 2014, 18:23:40) Сообщение отредактировал Акатуй - Четверг, 30 Окт 2014, 11:34:29
|
| |||
| |||