Re: DIV o szerokości większej niż rozdzielczość okna przeglądarki - bez paska poziomego.

eGospodarka.pl › Grupy › pl.comp.www › DIV o szerokości większej niż rozdzielczość okna przeglądarki - bez paska poziomego. › Re: DIV o szerokości większej niż rozdzielczość okna przeglądarki - bez paska poziomego.

Data: 2010-03-13 10:23:39
Temat: Re: DIV o szerokości większej niż rozdzielczość okna przeglądarki - bez paska poziomego.
Od: beherit / pn <b...@s...firenet.eu.org> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]
Paweł Piskorz pisze:
> On 2010-03-11 12:26, beherit / pn wrote:
>> Ogolnie zasada jest taka, ktos ma rozdzialke wieksza niz na rysunku
>> widzi wiecej DIVA z tlem, ma mniejsza... tlo jest ucinane, mam parę
>> koncepcji, ale nie wiem jaka byłaby najbardziej słuszna, czy może jest
>> jakieś sprawdzone rozwiązanie.
>
> Ustaw sobie background-position:50% 0; i nie będziesz musiał divowi
> ustawiać szerokości.

Nie o to chodziło.

body miało swój background fixed, do tego miały być dwa backgroundy
wystające poza obrys przeglądarki, jeden w okolicach topu i jeden
bottomu strony (przyklejony na dół).

Udało się problem rozwiązać w pierwszym podejściu co mnie zdziwiło, z
zastosowniem expresion również pod IE6 (min/max-width - nawet zdaje się
że niepotrzebnie uzyte) :) bez problemu i bez pasków przewijania (smiga
pod: FF3+,Safari4,IE6+).

Jak wystawie wersję produkcyjną poza localhost to będę mógł wrzucić linka.
Pozdr,
p.

PS. Do kolegi Chevy:

W skrócie:
<body>
<div id="backgroundTop"> </div>
<div id="container">
content
</div>
<div id="backgroundBottom"> </div>
</body>

body {
background: transparent url(pix/bodyBackground.gif) repeat-x fixed 0 0;
font-family:arial,helvetica,tahoma,verdana,sans-seri
f;
color:#432;
overflow:visible;
}

#backgroundTop {
max-width:997px;
min-width:974px;
width: expression(document.body.clientWidth > 1000? "997px" : "974px");
height:218px;
background: transparent url(pix/containerBackgroundTop.png) no-repeat 0 0;
z-index:0;
margin:0 auto -218px auto;
display:block;
}
#backgroundBottom {
max-width:1081px;
min-width:974px;
width: expression(document.body.clientWidth > 1084? "1080px" : "974px");
height:317px;
background: transparent url(pix/containerBackgroundBottom.png)
no-repeat bottom center;
z-index:0;
margin:-317px auto 0 auto;
display:block;
}