-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: CSS - jak zdefiniować tło?
Date: Mon, 1 Aug 2011 13:15:06 +0200
Organization: Dzial Sieciowy ICM, Uniwersytet Warszawski
Lines: 59
Message-ID: <1...@4...net>
NNTP-Posting-Host: 87-206-216-115.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.net.icm.edu.pl 1312197307 31555 87.206.216.115 (1 Aug 2011 11:15:07
GMT)
X-Complaints-To: u...@n...net.icm.edu.pl
NNTP-Posting-Date: Mon, 1 Aug 2011 11:15:07 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:399187
[ ukryj nagłówki ]Witam,
W jaki sposób mógłbym zrealizować tło aby od połowy ekrano na lewo tło było
niebieskie, a na prawo - białe? Chodzi o to, że barwa będzie musiała być
zmieniana programowo więc nie wchodzą w grę bitmapy. Po drugie tło białe
nie będzie zaczynało się od środka strony lecz od środka minus połowa
szerokości treści straony (obiekt container). Innymi słowy treść strony ma
być zawsze na białym a strona ma być wyśrodkowana.
Zrobiłem coś takiego:
<div id="background"></div>
<div id="containter">
tu treść
</div>
Gdzie:
html {
margin: 0px;
padding: 0px;
position: relative;
height: 100%;
}
body {
background-color: #00859E;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin: 0px;
position: relative;
padding: 0px;
height: 100%;
}
#background {
background-color: #FFF;
height: 100%;
width: 50%;
position: fixed;
left: 50%;
z-index: -1;
}
#containter {
background-color: #FFF;
width: 885px;
position: relative;
height: 100%;
margin-right: auto;
margin-left: auto;
min-height: 100%;
}
Działa to prawie idealnie z wyjątkiem sytuacji gdy treść strony jest wyższa
od okna przeglądarki. Wtedy powstaje taka sytuacja, że tło elementu
comtainer kończy się a tekst leci jeszcze dalej. Próbowałem nadać
containerowi min-height:100% zamiast height: 100% lecz jest to ignorowane
przez przeglądarki.
Następne wpisy z tego wątku
- 01.08.11 11:58 |
- 01.08.11 12:16 Marek
- 01.08.11 15:25 Paweł Piskorz
- 01.08.11 20:27 Marek
- 03.08.11 15:00 Paweł Piskorz
- 04.08.11 20:21 Marek
- 04.08.11 21:08 Paweł Piskorz
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-07-01 W-wa naklejki wjazd do centrum
- 2024-07-01 ładowarka zmarła
- 2024-07-01 Koder szuka pracy. Koduję w j.: Asembler, C, C++ (z Qt) i D.
- 2024-07-01 Kraków => Kierownik Działu Spedycji Międzynarodowej <=
- 2024-07-01 Białystok => Full Stack Web Developer (.Net Core, Angular6+) <=
- 2024-07-01 Berlin => Technical Rollouter (Radio Systems Software Installation and
- 2024-07-01 Warszawa => Key Account Manager <=
- 2024-07-01 Gdańsk => Programista Full Stack .Net <=
- 2024-07-01 Zabrze => Junior HelpDesk <=
- 2024-07-01 Warszawa => Key Account Manager <=
- 2024-07-01 Bielsko-Biała => Expert Migration Architect (Azure) <=
- 2024-07-01 Mini Netykieta polskich grup dyskusyjnych
- 2024-07-01 Re: Jak wypełnić polecenie francuskiego sądu blokowania niektórych zapytań DNS? Blokując Francję
- 2024-07-01 Re: Powtórne wezwanie na PO-komisję uzdrowi Ziobrę już w 10 dni
- 2024-07-01 CA -- problem z logowaniem