[CSS]Ustawienie wystającego zdjęcia. Opcje

[przemo191]

Witam, mam problem z ustawieniem diva tak aby ucinał się w zależności od rozdzielczości (ewentualnie powiększenia okna przeglądarki)
Przy rozdzielczości poniżej 1920x1080 na stronie piotrkonwa.pl lewe zdjęcie ładnie "chowa" się (#left_foto). A prawe (#right_foto) powoduje, że pojawia się poziomy pasek do przewijania.
Jak ustawić tego diva żeby chował się za pionowy pasek przewijania i nie powodował pokazania poziomego paska przewijania?(IMG:style_emoticons/default/questionmark.gif)

[CSS] pobierz, plaintext 
#left_foto {
    background:  url('grafika/konwa_left.png') no-repeat;
    width: 490px;
    height: 550px;
    float: left;
    margin-left: -490px;
    margin-bottom: -550px;
}
 
#right_foto {
    background: url('grafika/konwa_right.png') no-repeat;
    width: 471px;
    height: 550px;
    float: right;
    margin-right: -455px;
    margin-top: -420px;
}
[CSS] pobierz, plaintext 

[przemo191]

Kurczę, albo coś źle robię, albo dalej nie działa.

[CSS] pobierz, plaintext 
#right_foto {
    background: url('grafika/konwa_right.png') no-repeat;
    width: 471px;
    height: 550px;
    float: right;
    margin-right: -455px;
    margin-top: -420px;
    overflow: hidden;
}
[CSS] pobierz, plaintext 

// Wybacz, poczytałem co to jest i jak to zastosować i działa (IMG:style_emoticons/default/smile.gif)

[CSS] pobierz, plaintext 
body {
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
[CSS] pobierz, plaintext 

//Na pc wszystko jest dobrze, natomiast na urządzeniach mobilnych nie do końca działa width:100% dla hedera, menu i footera. Wygląda to tak jakby ta prawa fotka wychodziła z całości strony o około 400px;

Ten post edytował przemo191 15.02.2014, 13:42:33