Jump to content
  • 0

Проблема с отображением! Помогите...

ivanu6kin

Asked by ivanu6kin,

 Share

Question

ivanu6kin Explorer

ivanu6kin

Posted
Posted (edited)

Здрасти ! Создал сайт запустил и заметил баг в отображении ! С первого взгляда все нормально, но вот когда я увеличил сайт то появилась полоса прокрутки и сайт не поместился на экране. Я взял полосу передвинул и увидел что кусок сайта отрезался в том месте где он не поместился!

я не могу почему то скинуть на форум картинки чтоб было легче ! на какой сайт скинуть картинки чтоб вы посмотрели проблему?

код:

[/size]
*{
padding:0;
margin:0
}
body {
background: #fff;
width: 100%;
margin: 0 auto
}
/*———————————————————--HEADER————————————————————--*/
.header {
height:492px;
background: -webkit-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979);
background: -moz-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979);
background: -o-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979);
background: -ms-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979);
background: linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F6E4', endColorstr='#BEA88D');/*For IE7-8-9*/
height: 1%;/*For IE7*/

border-bottom: 2px solid #FFF

}
.menu-top {
width: 1000px;
margin: 0 auto;
overflow:hidden;
height:70px


}
.menu {
font-family: Arial, Verdana, sans-serif;
width: 780px;
height:70px;
margin: 0;

padding: 0
}

.menu li{
list-style-type:none;
float: right;
margin: 23px 25px 10px 0;
font-size: 14px


}
.menu li a {
color: #624E55;
text-decoration: none;
display: block; /* Рисунок как блочный элемент */
height: 47px /* Высота рисунка */
}
.menu li a:hover{
color: #385472;
text-decoration: none;
background-image: url(images/menuclick1.png);
background-repeat: no-repeat;
background-position: bottom center
}

.language {
float: right;
margin: 50px 30px 0 0
}
.language li{

float: right;
list-style-type: none;
border: 1px solid #D0C6A6;
margin: 0 2px 0 2px;
background-position: center;
border-radius: 5px 5px 0 0
}
#qtranslate-3 {
border:none
}
.language li a {
color: #624E55;
text-decoration: none;
display: block;
width: 30px;
height: 28px;
text-align: center;
border-radius: 5px 5px 0 0
}

.language li a:hover {
height:20px;
width:20px;
color: #015FAC;
text-decoration: none;

-moz-box-shadow: 0 0 2px 2px #888;
-webkit-box-shadow: 0 0 2px 2px #888;
box-shadow: 0 0 2px 2px #888
}
.language li.active {
height:20px;
width:20px;
color: #015FAC;
text-decoration: none;

-moz-box-shadow: 0 0 2px 2px #888;
-webkit-box-shadow: 0 0 2px 2px #888;
box-shadow: 0 0 2px 2px #888
}
.lang-ru {
height:20px;
width:20px
}
.lang-ro {
height:20px;
width:20px
}
.poloska {
height:1px;
background: #D0C6A6
}
.poloska_bottom {
height:1px;
background: #fff

}
.nav {

width: 970px;
margin: 0 auto
}
.nav-text {
font-family: Georgia, sans-serif;
color: #314F6F;
font-size: 15px;
float: left;
margin: 10px;
text-shadow: 0 1px 2px #F0DDB6
}
.nav-text a {
font-family: Georgia, sans-serif;
color: #314F6F;
font-size: 15px;
float: left;
text-shadow: 0 1px 2px #F0DDB6
}
.slogan {
color: #314f6f;
padding: 20px 0 0 0;
margin: 0 auto;
width: 970px;
letter-spacing: 0;
text-shadow: 0 1px 2px #F0DDB6
}
.slogan h1 {
font-family: Georgia,"Times New Roman",Times,serif;
text-align: center;
font-size: 20px;
text-transform: uppercase;
font-weight: 200
}
.slogan h1 span {
font-style: "Times New Roman";
text-align: center;
font-size: 26px;
text-transform: uppercase


}

.slider {
text-align: center
}
.imglogo {
height:71px;
width:96px;
position:absolute;
margin: -116px -20px 0 30px;
border: 1px solid #D0C6A6
}
/*———————————————————--HEADER-END————————————————————--*/
.post {
margin: 0 0 20px 0
}
.post-main {
padding: 20px;
background: -webkit-linear-gradient(top,#F3F3F5,#FFF 95px );
background: -moz-linear-gradient(top,#F3F3F5,#FFF 95px );
overflow: hidden

}
.post-box {

width: 970px;
margin: 0 auto

}
.post-main1 {
padding: 0;
width: 640px;
float: left
}
.post-main1 h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 22px;
color: #385472;
text-decoration: none;
font-weight: 400;
text-align: center

}
.post-main1 h1 a{
font-family: Arial, Verdana, sans-serif;
font-size: 22px;
color: #385472;
text-decoration: none;
font-weight: 400

}
.post-main h1 {
margin: 0 0 20px 0
}
.post p {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #2a2a2a;
line-height: 24px;
text-align: justify
}
.post p::first-letter {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #2a2a2a;
line-height: 24px;
margin: 0 0 0 40px
}
.post p h4 {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #2a2a2a;
line-height: 24px;
}
.imgstyle {
border: 1px solid #e1e1e1;
padding: 3px;
float: left;
margin: 0 15px 15px 0
}
.wp-post-image {
border: 1px solid #e1e1e1;
padding: 3px;
float: right;
margin: 0 0 15px 10px
}
.zakaz {
border-radius: 10px;
height: 65px;
text-align: center;

background-color: #c7b39b; /* Цвет фона */
position:relative
}
.zakaz h2 {
color: #fff;
text-shadow: 1px 1px 2px #3a5979;
text-transform: uppercase;
font-size: 18px;
padding: 7px
}
.zakaz h2 span {
font-size: 22px
}
.zakaz a {
background: -webkit-linear-gradient(top,#5F86B0,#3a5979 );
background: -moz-linear-gradient(top,#5F86B0,#3a5979 );
text-decoration: none;
display: block; /* Рисунок как блочный элемент */
height: 65px; /* Высота рисунка */
border-radius: 10px
}
.zakaz a:hover {
background: -webkit-linear-gradient(bottom,#5F86B0,#3a5979 );
background: -moz-linear-gradient(bottom,#5F86B0,#3a5979 );
border-radius: 10px

}
.image {
height:60px;
width:59px;
position:absolute;
left:5px;
top:0px

}
.imagestrelka {
height:39px;
width:44px;
position:absolute;
left:235px;
top:10px;
display: block
}
.sidebar {
width: 300px;
float: right;
background: #fff;
border-radius: 10px
}
.widget {
list-style-type:none
}
#categories-2 {
background: #efefef;
margin: 0;
border-radius: 10px;
box-shadow : 0px 1px 0 #cfcfcf;
-moz-box-shadow : 0px 1px 0 #cfcfcf;
-webkit-box-shadow : 0px 1px 0 #cfcfcf;
padding: 0 0 20px 0
}
#categories-2 li {

color: #797979;
margin: 0 0 0 20px;
list-style-type:none
}

#categories-2 h2 {
font-family:Georgia, 'Times New Roman', Times, serif;
color: #2d2d2d;
font-size: 18px;
line-height: 24px;
font-weight: 100;
text-shadow: 0 1px 1px #fff;
border-bottom: 1px solid #dcdcdc;
width: 257px;
padding: 20px 0 10px 0;
margin: 0 0 20px 22px;


}
#categories-2 li a {
font-family: Arial, Verdana, sans-serif;
color: #3a3a3a;
font-size: 12px;
line-height: 32px
}
.widget1 {
background: #efefef;
margin: 30px 0 0 0;
border-radius: 10px;
box-shadow : 0px 1px 0 #cfcfcf;
-moz-box-shadow : 0px 1px 0 #cfcfcf;
-webkit-box-shadow : 0px 1px 0 #cfcfcf;
padding: 0 0 20px 0
}
.widget1 li {
list-style-type: none;
color: #797979;
margin: 0 0 0 25px
}

.widget1 h3 {
font-family:Georgia, 'Times New Roman', Times, serif;
color: #2d2d2d;
font-size: 18px;
line-height: 1px;
font-weight: 100;
text-shadow: 0 1px 1px #fff;
border-bottom: 1px solid #dcdcdc;
width: 257px;
padding: 30px 0 20px 0;
margin: 0 0 20px 22px
}
.widget1 li {
font-family: Arial, Verdana, sans-serif;
color: #333333;
font-size: 14px;
list-style-type: none;
font-weight: bold

}
.widget1 li a {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #4f6a87;
font-size: 16px;
line-height: 32px;
font-weight: 600

}
/*————————————-FOOTER-START————————————--*/
.footer {
border-top: 4px solid #E2E2E2;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1B2C3F', endColorstr='#1F3147');/*For IE7-8-9*/
height: 1%/*For IE7*/

}
.footer-top {
width: 100%;
height: auto;
float: left;
background: -webkit-linear-gradient(top,#324B61,#375472 20px);
background: -moz-linear-gradient(top,#324B61,#375472 20px);
background: -o-linear-gradient(top,#324B61,#375472 20px);
background: -ms-linear-gradient(top,#324B61,#375472 20px);
background: linear-gradient(top,#324B61,#375472 20px);

}
.footer-box h1 {
font-family: Georgia, 'Times New Roman', Times, serif;
color: #fff;
font-size: 19px;
font-weight: 200;
text-shadow: 0 2px 1px #323232;
margin: 20px 0 20px 0
}
.footer-menu {
margin: 10px 0 10px 0;
padding: 0 0 0 110px
}
.footer-menu li {
float: left;
padding: 10px 0 10px 30px;
list-style-type: none
}
.footer-menu li a{
font-family: Arial, Verdana, sans-serif;
color: #d3d3d3;
font-size: 12px;
text-decoration: none
}
.footer-menu li a:hover{
font-family: Arial, Verdana, sans-serif;
color: #F7F7F7;
font-size: 12px;
text-decoration: none
}
.footer-box {
width: 970px;
margin: 0 auto
}

.footer-bottom {
height: 65px;
clear: left;
background: -webkit-linear-gradient(top,#1B2C3E,#1F3147 20px);
background: -moz-linear-gradient(top,#1B2C3E,#1F3147 20px);
color: #9CACBC;
text-shadow: 1px 1px 1px #0B1119;
border-bottom:1px solid #000;
border-top:1px solid #2F2F2F;
}
.footer-box-bottom {
margin: 0 auto;
width:970px;
padding: 15px;
}
.copyrigth {
width: 400px;
float: left
}
.copyrigth h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: 200;
padding: 2px
}
.copyrigth h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: 200;
padding: 2px
}

.reserved h1{
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
float: right;
font-weight: 200;
padding: 2px;
margin: 0 10px 0 0
}
.reserved h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
float: right;
font-weight: 200;
padding: 2px;
margin: 0 10px 0 0
}

Edited by ivanu6kin
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept