-
Data: 2011-08-01 11:15:06
Temat: CSS - jak zdefiniować tło?
Od: Marek <p...@s...com> szukaj wiadomości tego autora
[ pokaż wszystkie 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-13 256 świadków nie ma racji
- 2024-07-11 Tokarze CNC czyli ciężkie życie prototypiarza
- 2024-07-12 Zgody na przetwarzanie danych
- 2024-07-13 IObit Uninstaller Pro 13.6.0.5 Multilingual: Installation Guide
- 2024-07-12 stare graty młode kozy
- 2024-07-11 8080
- 2024-07-13 Przyłącze dolne grzejnika
- 2024-07-13 IObit Uninstaller Pro 13.6.0.5 Multilingual Overview
- 2024-07-12 Czym wykonać otwór fi 100 w betonie komórkowym?
- 2024-07-12 Warszawa => Senior Rust Software Engineer <=
- 2024-07-12 Warszawa => Business Unit Manager (Recruitment Business) <=
- 2024-07-12 Warszawa => Head of WMS Competence Center for IT&D Contract Logistics
- 2024-07-12 Warszawa => Head od WMS Competence Center dla IT&D (Blue Yonder) <=
- 2024-07-12 Kraków => Ruby Backend Developer <=
- 2024-07-12 Warszawa => UX/UI Designer <=