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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


Здравствуйте. При вёрстке одного из заказов у меня появилась небольшая проблема.
В общем ситуация такова, если у юзера маленький экран(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


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


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


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


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


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


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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Есть смысл создавать сайты на латышском?
16 Nekit 4072 31.3.2024, 1:23
автор: Liudmila
Открытая тема (нет новых ответов) Есть ли инструмент для поиска запросов на YouTube?
1 rownong27 1005 18.2.2024, 22:19
автор: malamut
Горячая тема (нет новых ответов) Pharmcashusa.com. Есть USA фарма траф? Вам сюда!
36 Herbalka 14650 11.12.2023, 21:27
автор: Herbalka
Открытая тема (нет новых ответов) Кликандеры: есть ли риски в 2023 году?
7 Kiloan_Frost 1681 19.11.2023, 14:46
автор: kuprum
Открытая тема (нет новых ответов) Есть ли прокси ipv4 до 20р за ip ?
14 freeax 5698 6.6.2023, 0:35
автор: xVOVAx


 



RSS Текстовая версия Сейчас: 25.4.2024, 16:53
Дизайн