X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Есть небольшая проблема
Devilmini
Devilmini
Topic Starter сообщение 4.5.2013, 0:57; Ответить: Devilmini
Сообщение #1


Новичок
*

Группа: User
Сообщений: 44
Регистрация: 2.7.2011
Поблагодарили: 0 раз
Репутация:   0  


Здравствуйте. При вёрстке одного из заказов у меня появилась небольшая проблема.
В общем ситуация такова, если у юзера маленький экран(1024х768) то у него шапка должна быть вот такой - http://pixs.ru/showimage/shablonjpg_9564720_7882133.jpg , а когда экран побольше то вот так - http://pixs.ru/showimage/Znmokekran_5814975_7882139.png , но когда экран небольшой правая картинка не исчезает - http://pixs.ru/showimage/Znmokekran_1716344_7882174.png ,

Код шапки html
<div id="header">
                <div class="header_left"></div>
                <div class="header_right"></div>
                <div class="logo"></div>
                <div class="phone">+3 (099) 999-99-99</div>
                <div class="curs">
                    Курс валюти
                    <table>
                        <tr>
                            <td>USD</td>
                            <td>30.05</td>
                            <td>30.00</td>
                        </tr>
                        <tr>
                            <td>USD</td>
                            <td>30.05</td>
                            <td>30.00</td>
                        </tr>
                        <tr>
                            <td>USD</td>
                            <td>30.05</td>
                            <td>30.00</td>
                        </tr>
                        
                    </table>
                    
                </div>
                <div class="login">
                    <div class="log"><a href="#">Вход</a></div>
                    <div class="reg"><a href="#">Регистрация</a></div>
                    
                    
                </div>
            </div>


Код шапки CSS
#header {background: url(img/header_bg.gif); height: 100px; width: 100%; position: relative;}
.header_under{position: absolute;top:0; width: 100%; height:82px; background: url(img/header_under_bg.png);}
.header_left{width: 37px; height: 100px; background: url(img/header_left.png); position: absolute; left:-37px;}
.header_right{width: 37px; height: 100px; background: url(img/header_right.png); position: absolute; right:-37px;}
.logo{width: 232px; height: 59px; background: url(img/logo.png); display: inline-block; margin:20px 0 0 15px;}
.phone{display: inline-block; vertical-align: top; font-size: 24px; color: #2c4a85; margin-top:35px; font-family: 'Trebuchet MS', Helvetica, sans-serif;
height: 29px; background: url(img/phone.png) no-repeat left; padding-left:17px; margin-left: 30px;
}
.curs{display: inline-block; vertical-align: top; height: 65px;margin-top:10px;font-weight: bold; color: #2b4882;text-shadow: 1px 1px 0px #87cbf1;
-moz-text-shadow: 1px 1px 0px #87cbf1;
-webkit-text-shadow: 1px 1px 0px #87cbf1;
-o-text-shadow: 1px 1px 0px #87cbf1;
text-align: center;margin-left:80px; }
.login{display: inline-block; vertical-align: top;}
.curs table{font-weight: normal; color: #FFF;width: 150px;  margin-top:6px; border: 1px solid #4272b3;}
.curs tr{ height: 20px; background: url(img/curs_bg.gif); border-bottom: 1px solid #4272b3;}
.curs td{text-shadow: none;text-align: center; vertical-align: middle; border-right: 1px solid #4272b3; }
.login{margin:35px 0 0 70px;}
.log{display: inline-block;}
.reg{display: inline-block;margin-left:-3px;}

.log a{height: 18px; width: 51px; border-left:1px solid #3964b7; border-top:1px solid #3964b7;border-bottom: 1px solid #3964b7;border-radius: 5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-khtml-border-radius: 5px 0 0 5px;
background: url(img/log.gif);
text-align: center;
padding-top:7px;
text-transform: uppercase;
font-weight: 600;
color: #FFF;
text-decoration: none;
display: inline-block;
box-shadow: 0 0 10px 3px rgba(0,0,0,0.2);
}
.log a:hover{background: url(img/log_hover.gif);}
.reg a:hover{background: url(img/reg_hover.gif);}
.reg a {display: inline-block;height: 18px; width: 100px; border-right:1px solid #3964b7;
border-top:1px solid #3964b7;
border-bottom: 1px solid #3964b7;border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-khtml-border-radius:0 5px 5px 0;
background: url(img/reg.gif);
text-align: center;
padding-top:7px;
text-transform: uppercase;
font-weight: 600;
color: #FFF;
text-decoration: none;
box-shadow: 0 0 10px 3px rgba(0,0,0,0.2)
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 4.5.2013, 9:52; Ответить: andreykashops
Сообщение #2


WordPress is my Life..
******

Группа: Active User
Сообщений: 1427
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


Лучше бы Вы дали ссылку на пациента, так легче определится и помочь.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
CloudIM
CloudIM
сообщение 4.5.2013, 10:09; Ответить: CloudIM
Сообщение #3


Новичок
*

Группа: User
Сообщений: 15
Регистрация: 19.2.2013
Поблагодарили: 2 раза
Репутация:   0  


Devilmini, выложите куда-нибудь сайт, чтобы можно было посмотреть с отладчиков.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Devilmini
Devilmini
Topic Starter сообщение 4.5.2013, 11:09; Ответить: Devilmini
Сообщение #4


Новичок
*

Группа: User
Сообщений: 44
Регистрация: 2.7.2011
Поблагодарили: 0 раз
Репутация:   0  


Пациент - http://sts.plast.org.ua/nedvijemost/index.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 4.5.2013, 15:52; Ответить: andreykashops
Сообщение #5


WordPress is my Life..
******

Группа: Active User
Сообщений: 1427
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


Во первых у Вас ширина макета 1000px, а ширина мониторов обычно 1024 => 24px нужно куда то деть.
На одном из сайтов видел интересное решение, в зависимости от размера экрана в шаблон подавался свой набор стилей - возможно Вам пригодится.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Devilmini
Devilmini
Topic Starter сообщение 4.5.2013, 17:40; Ответить: Devilmini
Сообщение #6


Новичок
*

Группа: User
Сообщений: 44
Регистрация: 2.7.2011
Поблагодарили: 0 раз
Репутация:   0  


24 пикс деваются на скрол

Сообщение отредактировал Devilmini - 4.5.2013, 17:40
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЕсть ли среди нас Линуксоиды
51 freeax 2346 Вчера, 12:53
автор: Cunningfox
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыЕсть среди нас алкаши?
82 Вазелин 3416 12.12.2017, 17:34
автор: spomoni
Открытая тема (нет новых ответов) Как найти группы, где в обсуждениях есть аренда
7 Motorocker 1020 6.12.2017, 13:49
автор: Nickita_Larionoff
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2967 22.11.2017, 17:34
автор: metvekot
Горячая тема (нет новых ответов) Есть среди нас школьники?
35 Вазелин 1827 17.11.2017, 15:34
автор: tezoro


 



RSS Текстовая версия Сейчас: 18.12.2017, 22:42
Дизайн