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.

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: beherit / pn <b...@s...firenet.eu.org>
Newsgroups: pl.comp.www
Subject: Re: DIV o szerokości większej niż rozdzielczość okna przeglądarki -
bez paska poziomego.
Date: Sat, 13 Mar 2010 11:23:39 +0100
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 67
Message-ID: <hnfp3c$rhp$1@inews.gazeta.pl>
References: <hnak1f$3ih$1@inews.gazeta.pl> <hndgqk$qlp$1@inews.gazeta.pl>
NNTP-Posting-Host: chello084010028030.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: inews.gazeta.pl 1268475820 28217 84.10.28.30 (13 Mar 2010 10:23:40 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Sat, 13 Mar 2010 10:23:40 +0000 (UTC)
X-User: beherit00
X-Antivirus: avast! (VPS 100313-0, 2010-03-13), Outbound message
In-Reply-To: <hndgqk$qlp$1@inews.gazeta.pl>
X-Antivirus-Status: Clean
User-Agent: Thunderbird 2.0.0.23 (Windows/20090812)
X-Stationery: 0.5.1
Xref: news-archive.icm.edu.pl pl.comp.www:395276
[ ukryj 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;
}