[xhtml/css] Problem z tłem dla większej strony. Opcje

[bobo168]

Witam mam problem który jest związany z tłem dla strony dokładnie dla strony pod portofolio. A więc strona generuje się dynamicznie tzn. pobiera dane z mysql. No i pobiera też obrazek który jest różny rozmiarem (raz miejszy raz większy zależy od projektu). I problem leży w tym że zawsze na górze strony chce mieć strzałki i aby były one widoczne zawsze na początku czyli nie po przesunieciu scrolla tylko w początkowej pozycji. A więc zrobiłem coś takiego:
style.css fragment

Kod

body {
    anyway;
        font-family: tahoma, arial, serif;
    color: #fff;
    font-size: 10px;
    background: #272727 url('img/topbgr.gif') repeat-x 0 0;
}
div#nav {
    background: url('img/nav.gif') no-repeat;
    position: absolute;;
         right: 7px;
    top: 64px;
    width: 50px;
    height: 26px;
    
}
div#nav img.left {
margin-top:6px;
margin-left:7px;
    }
div#nav img.right {
margin-top:5px;
margin-left:14px;
    }
div.projekt {
        width: 100%;
    position: absolute;
    left: 0;
    top: 67px;
    z-index: 1;

}

lista.php fragment

Kod

echo '<div style="background:'.$kolor_tla.' url(\''.$tlo.'\')  0 100%;" class="projekt">';
echo '<div style="margin-top:-65px; " id="nav">';
if ($_GET['porcja']==0 AND $kat=="Web" )
{
echo '<a  href="web.php"><img  class="left"  src="img/arrow-l-b.gif" /></a>';
}
else
{
echo '<a href="?porcja='.($_GET['porcja']-1).'&kat='.$kat.'"><img class="left"  src="img/arrow-l-b.gif" /></a>';
}
if ($_GET['porcja']==$iloscWpisow AND $kat=="Web")
{
echo '<a href="id.php"><img class="right" src="img/arrow-r-b.gif" /></a>';
}
else
{
echo '<a href="?porcja='.($_GET['porcja']+1).'&kat='.$kat.'"><img class="right" src="img/arrow-r-b.gif" /></a>';
}
echo '</div>';
echo '<img id="bigshow" src="'.$adres.'" alt="Grafika" />';
echo '<!--[if IE]>';
echo '<div id="wrap"></div>';
echo '<![endif]-->';
echo '<p style="color:'.$kolor.'" class="podpis">';
echo $podpis;
echo '<font color="'.$kolor2.'" class="podpis">';
echo $podpis2;

No i gdy obrazek (którego adres jest w zmiennej $adres) jest wielkości jednego "okna" jest wszytsko ok. Ale problem pojawia się wtedy kiedy obrazek jest szerszy i pojawia się scroll na dole , strzałki owszem wyswietlają się tak jak powinny, niestety wówczas ten fragment strony który jest ponad to jedno "okno" czyli po przesunięcia dolnego scrolla nie ma tła a właściwie tło jest tylko to które jest określone dla całego body :/ Nie wiem jak sobie z tym poradzić. Próbowałem z ustawieniem strzałek w ten sposób żeby były one zawsze położone wedle współżędnych x i y co by uprościło sprawe bo wówczas nie określał bym szerokości divu projekty na 100% , ale nigdzie nie znalazłem odpowiedzialnego za to polecenia Wiem że napisałem strasznie nie jasno ale nie wiedziałem jak ten probelm ująć Więc jak czegoś nie rozumiecie to pytajcie... Prosze bardzo o pomoc jest mi to bardzo potrzebne!
O to jak to wsyztsko wygląda w praktyce :
http://www.electronicweb.eu/lista.php?porcja=2&kat=Web

[siemakuba]

Jeżeli wszystko dobrze zrozumiałem i sprawdziłem, to taka modyfikacja powinna pomóc:

CSS:

Kod

div.projekt {
    /* ... */
    overflow:hidden;
}

Problem rodzi się następujący: kiedy wielkość okna przeglądarki będzie mniejsza niż sam obrazek z projektem (w szerokości) nie będzie widać całego projektu, i nie będzie możliwości przewinąć sobie i obejrzeć dalej. Ale skoro u mnie w 1600x1200 projekt, który dałeś w linku się nie mieści w szerokości, to raczej w niewielu miejscach się zmieści.
Musisz wybrać "mniejsze zło" :)

pozdr.

[bobo168]

To raczej odpada :/ Musi być widoczny cały projekt...