2015-11-23 3 views
-3

На моей странице отображается прокрутка в два раза справа от браузера. Я хочу только одну полосу прокрутки. Может ли кто-нибудь помочь мне? Спасибо за каждый ответ.Страница показывает две полосы прокрутки

html, body { 
    margin: 0; 
    background-image: url("images/background.png"); 
    background-size: cover; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    overflow-x: hidden; 
    background-size: 100% 100%; 
} 
#header { 
    position:relative; 
    width:900; 
    height:50px; 
    margin-left:auto; 
    margin-right:auto; 
} 
.bluepanel{ 
    position:absolute; 
    margin-left:auto; 
    margin-right:auto; 
    width:900; 
    height:50; 
    background-image: url("images/bluepanel.png"),none; 
    background-size:cover; 
    display:block; 
    left:0; 
    border-width: 0; 
    outline: none; 
} 
.headertxt{ 
    position:absolute; 
    width:635; 
    height:21; 
    background-image: url("images/headertxt.png"),none; 
    background-size:cover; 
    display:block; 
    left:40px; 
    border-width: 0; 
    outline: none; 
} 
#container{ 
    position:relative; 
    height:50; 
    top:0px; 
    width:900; 
} 
#container2{ 
    position:relative; 
    height:93; 
    width:900; 
    margin-left:auto; 
    margin-right:auto; 
    top:0; 
} 
.graypanel{ 
    position:absolute; 
    width:900; 
    height:105; 
    background-image: url("images/graypanel.png"),none; 
    background-size:cover; 
    display:block; 
    left:0; 
    top:-12; 
    border-width: 0; 
    outline: none; 
} 
#container3{ 
    position:relative; 
    margin-left:auto; 
    margin-right:auto; 
    height:67; 
    top:-30px; 
    width:900; 
} 
.bluepanel_2{ 
    position:absolute; 
    height:67; 
    width:900; 
    background-image: url("images/bluepanel_2.png"),none; 
    background-size:cover; 
    display:block; 
    left:0; 
    border-width: 0; 
    outline: none; 
} 
.hlavny_text{ 
    position:relative; 
    top:5; 
    font-size:30px; 
    color:white; 
    font-family: "Trebuchet MS", Arial; 
    text-transform: uppercase; 
    text-align: center; 
} 
#container4{ 
    position:relative; 
    height:352; 
    width:900; 
    top:0; 
    margin-left:auto; 
    margin-right:auto; 
} 
.bodyimage{ 
    position:absolute; 
    height:352; 
    width:900; 
    top:-30px; 
    display:block; 
    border-width: 0; 
    outline: none; 
} 
#container5{ 
    position:relative; 
    height:283; 
    width:900; 
    margin-left:auto; 
    margin-right:auto; 
    top:-10; 
} 
.lightblue{ 
    position:absolute; 
    height:377; 
    width:900; 
    top:-20; 
    background-image: url("images/lightblue.png"),none; 
    background-size:cover; 
    display:block; 
    border-width: 0; 
    outline: none; 
} 
.logo{ 
    position:absolute; 
    width:173; 
    height:77; 
    left:20px; 
    top:3px; 
} 
#htxt{ 
    position:absolute; 
    right:700px; 
    top:15px; 
} 
#menu{ 
    position:relative; 
    left:250px; 
    top:27px; 
    font-size:12px; 
    font-family: "Trebuchet MS", Arial; 
    text-transform: uppercase; 
    text-align: center; 
} 
.navrhy_rieseni{ 
    position:relative; 
    width:160px; 
    height:50px; 
} 
.navrhy_rieseni:hover{ 
    text-decoration: underline; 
} 
.whiteline{ 
    position:absolute; 
    left:200px; 
    top:-7px; 
    background-color:white; 
    width:1; 
    height:42; 
} 
#menu2{ 
    position:relative; 
    left:400px; 
    top:-27; 
    font-size:12px; 
    font-family: "Trebuchet MS", Arial; 
    text-transform: uppercase; 
    text-align: center; 
} 
.efektivnejsie_osvetlenie{ 
    position:relative; 
    width:300px; 
    height:50px; 
} 
.efektivnejsie_osvetlenie:hover{ 
    text-decoration: underline; 
} 
.whiteline2{ 
    position:absolute; 
    left:250px; 
    top:-12px; 
    background-color:white; 
    width:1; 
    height:42; 
} 
#menu3{ 
    position:relative; 
    left:650px; 
    top:-95; 
    font-size:12px; 
    font-family: "Trebuchet MS", Arial; 
    text-transform: uppercase; 
    text-align: center; 
} 
.fotovoltaika{ 
    position:relative; 
    width:200px; 
    height:50px; 
} 
.fotovoltaika:hover{  
    text-decoration: underline; 
} 
.trans_blue{ 
    position:absolute; 
    width:487; 
    height:44; 
    background-image: url("images/trans_blue.png"),none; 
    background-size:cover; 
    display:block; 
    right:20px; 
    top:95px; 
    border-width: 0; 
    outline: none; 
} 
.trans_blue_txt{ 
    position:absolute; 
    left:410px; 
    top:82px; 
    color:white; 
    font-size:22px; 
    font-family: "Trebuchet MS", Arial; 
    text-transform: uppercase; 
} 
.lightgray{ 
    position:absolute; 
    width:498; 
    height:94; 
    background-image: url("images/light_gray.png"),none; 
    background-size:cover; 
    display:block; 
    right:55px; 
    top:139px; 
    border-width: 0; 
    outline: none; 
} 
.txt_lightgray{ 
    position:absolute; 
    left:410px; 
    top:156px; 
    color:black; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial; 
} 
.image{ 
    position:absolute; 
    width:335; 
    height:224; 
    display:block; 
    left:45px; 
    top:-70px; 
} 
.nase_sluzby_nadpis{ 
    position:absolute; 
    left:5px; 
    top:80px; 
    color:black; 
    font-size:20px; 
    font-family: "Trebuchet MS", Arial; 
} 
.povieme_vam_txt{ 
    position:absolute; 
    left:5px; 
    top:40px; 
    color:black; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial;  
} 
.bluepanel3{ 
    position:absolute; 
    height:44; 
    width:487; 
    background-image: url("images/bluepanel_2.png"),none; 
    background-size:cover; 
    display:block; 
    right:25px; 
    top:0px; 
    border-width: 0; 
    outline: none; 
} 
.panel3_txt{ 
    position:absolute; 
    left:5px; 
    top:-9px; 
    color:white; 
    text-transform: uppercase; 
    font-size:20px; 
    font-family: "Trebuchet MS", Arial;  
} 
.nase_sluzby_txt{ 
    position:absolute; 
    left:5px; 
    top:115px; 
    color:black; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial; 
} 
.vyhody_led_nadpis{ 
    position:absolute; 
    left:5px; 
    top:215px; 
    color:black; 
    text-transform: uppercase; 
    font-size:20px; 
    font-family: "Trebuchet MS", Arial;   
} 
.vyhody_led_txt{ 
    position:absolute; 
    left:5px; 
    top:250px; 
    color:black; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial; 
} 
.footer{ 
    position:relative; 
    width:900; 
    height:250; 
    margin-left:auto; 
    margin-right:auto; 
    top:50px; 
} 
.footercontainer{ 
    position:relative; 
    margin-left:45px; 
} 
.footerimg{ 
    position:absolute; 
    width:121; 
    height:44; 
    top:30px; 
} 
.adresy{ 
    position:absolute; 
    top:87px; 
    color:black; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial; 
} 
.rwegroup{ 
    position:absolute; 
    top:160px; 
} 
.footerline{ 
    position:absolute; 
    height:170; 
    width:1; 
    background-color: white; 
    background-size:cover; 
    display:block; 
    left:150px; 
    top:17px; 
    border-width: 0; 
    outline: none; 
} 
.blue_txt{ 
    position:absolute; 
    left:230px; 
    top:25px; 
    color:#0c57a6; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial; 
} 
.kontakt{ 
    position:absolute; 
    left:230px; 
    top:87px; 
    color:black; 
    font-size:11px; 
    font-family: "Trebuchet MS", Arial; 
} 
#cont{ 
    position:relative; 
    left:400px; 
    width:500px; 
    height:0px; 
} 
+4

Нам нужно будет посмотреть, что вы делаете. –

+0

См. Править для моего CSS – peter

+0

Несомненно, вы можете исключить часть CSS. Либо это даст вам меньший пример, либо он покажет вам, что именно вызывает вашу проблему. –

ответ

0

Причина в том, что есть div где-то в вашем теле, которое переполнено. Если вы можете найти этот div и изменить его на overflow:hidden;, тогда он должен избавиться от дополнительной полосы прокрутки.

+0

Большое спасибо !!!! – peter

Смежные вопросы