Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Szerokość tła w procentach
bialasik
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 16.06.2010

Ostrzeżenie: (0%)
-----

Witam,
mam divy: górny i dolny - już ustawione na pozycjach. Do obu jest wpisany obrazek poprzez img src.
Do środkowego diva też jest obrazek, lecz musi mieć taką samą szerokość jak górny i dolny (szerokość = 100% okna przeglądarki) oraz w razie długiej strony powtarzał się.
Jak to zrobić?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
bialasik
post
Post #2





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 16.06.2010

Ostrzeżenie: (0%)
-----

Jasne, więc fragmenty:

HTML:

[HTML] pobierz, plaintext 
  1. <body>
  2. <div id='header'> <img src='images/header.png' width='100%' >
  3. 	blablabla, tu jest kod gornego menu
  4. </div>
  5.  
  6. <div id='middle'></div>
  7.  
  8. <div id='down'><img src='images/end.png' width='100%' /></div>
  9. </body>
[HTML] pobierz, plaintext


CSS:
[CSS] pobierz, plaintext 
  1. body {
  2.   	margin: 0px;
  3. }
  4.  
  5. #header {
  6. 	background-color: #F0F0F0;
  7. 	width: 100%;
  8.   	position: relative;
  9. }
  10.  
  11. #middle {
  12. 	background-color: #0FF00F;
  13. 	width: 100%;
  14. 	height: 600px;
  15. 	background-image:url('images/middle.png');
  16.  
  17. }
  18.  
  19. #down {
  20. 	background-color: #F0F0F0;
  21. 	width: 100%;
  22. }
  23.  
[CSS] pobierz, plaintext


Chciałbym, żeby obraz middle.png który ma być w divie middle dopasowywał szerokość do aktualnego rozmiaru przeglądarki. Jeśli to konieczne, powtarzałby się (wszak tekst może być długi).
W późniejszych etapach chciałbym na div middle położyć kolejne divy (treść, boczny panel).
Go to the top of the page
+Quote Post

Posty w temacie
- bialasik   [CSS] Szerokość tła w procentach   16.06.2010, 13:52:41
- - Soulast   A możesz pokazać część tego kod? css, html mile w...   16.06.2010, 19:55:16
- - bialasik   Jasne, więc fragmenty: HTML: [HTML] pobierz, pla...   16.06.2010, 21:21:09
|- - kapuch   Cytat(bialasik @ 16.06.2010, 22:21:09...   16.06.2010, 21:50:25
- - Soulast   właśnie tak jak już kolega wspomniał dodaj tylko [...   17.06.2010, 10:43:46
- - bialasik   Okej, tylko tło musi dopasowywać się szerokością d...   17.06.2010, 13:38:28
- - Pilsener   1. Nie buduje się strony na img-ach, img służy do ...   17.06.2010, 14:49:22
- - bialasik   Chcę zarazem użyć powtarzania, jak i rozciągania. ...   17.06.2010, 14:52:36
- - Belze   jak bedziesz miał powtarzanie to jak obrazek tła m...   17.06.2010, 15:21:02
- - bialasik   Poniżej wyrysowany przykład na szybko, mam nadziej...   17.06.2010, 16:18:37
- - emtiej   [CSS] pobierz, plaintext #strona{ width: 100...   17.06.2010, 17:33:13

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 2.10.2025 - 16:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn