Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml/css] Problem z tłem dla większej strony.
Forum PHP.pl > Forum > Przedszkole
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 sad.gif Wiem że napisałem strasznie nie jasno ale nie wiedziałem jak ten probelm ująć tongue.gif Więc jak czegoś nie rozumiecie to pytajcie... Prosze bardzo o pomoc jest mi to bardzo potrzebne! smile.gif
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...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.