Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] 2 rózne tła dla strony
kusiu
post 11.01.2008, 09:24:04
Post #1





Grupa: Zarejestrowani
Postów: 163
Pomógł: 10
Dołączył: 24.01.2006

Ostrzeżenie: (30%)
XX---

Witam potrzebuje zrobic 2 rozne tła na stronce(z lewej i prawej), na srodek nakladam diva ktory przykrywa laczenie tych 2 kolorow i w tym srodkowym divie zrobie gradien zeby sie idealnie zlewało.

Natomiast moj roblem polega na tym, ze nie potrafie ustawic wysokosc srodkowego diva na 100%..
Ma ktos jakis pomysl?

Przedstawiam kodzik:

[HTML] pobierz, plaintext 
  1. body
  2. {
  3. margin:0;
  4. PADDING:0;
  5. }
  6.  
  7. .tlo_lewe
  8. {
  9. background: #cecee4;
  10. width:100%;
  11. min-height: 100%;
  12. height: auto !important;
  13. height: 100%;
  14. z-index:1;
  15. position:absolute;
  16. }
  17. .tlo_prawe
  18. {
  19. background: #5d5d73;
  20. width:50%;
  21. min-height: 100%;
  22. height: auto !important;
  23. height: 100%;
  24. z-index:1;
  25. position:absolute;
  26. }
  27. .kontener_glowny
  28. {
  29. width:1000px;
  30. background: url() #cecee4;
  31. min-height: 100%;
  32. height: auto !important;
  33. height: 1000px;
  34. border:1px black solid;
  35. z-index:2;
  36. margin-left:auto;
  37. margin-right:auto;
  38. margin-top:0;
  39. position:relative;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <div class=tlo_lewe></div>
  45. <div class=tlo_prawe></div>
  46. <div></div> <!-- dziwne ale ten blok musi tu byc -->
  47. <div class=kontener_glowny>
  48. asdad
  49. </div>
  50. </body>
[HTML] pobierz, plaintext


EDIT: cholera teraz zauwazylem ze na IE jest problem zwyokosciami tez tych dwoch divov z tłami:/
Moze ma ktos jakis pomysl jak te 3 divy rozszerzyc na wysokosc 100%?

Oczywiwscie takie rozwiazanie dzial bez zarzutów na IE i na FF:

[HTML] pobierz, plaintext 
  1. .tlo_lewe
  2. {
  3. height: 800px;
  4. background: #cecee4;
  5. width:100%;
  6. z-index:1;
  7. position:absolute;
  8. }
  9. .tlo_prawe
  10. {
  11. height: 800px;
  12. background: #5d5d73;
  13. width:50%;
  14. z-index:1;
  15. position:absolute;
  16. }
  17. .kontener_glowny
  18. {
  19. height: 800px;
  20. width:1000px;
  21. background: url(images/tlo.jpg) top left repeat-y #cecee4;
  22. border:1px black solid;
  23. z-index:2;
  24. margin-left:auto;
  25. margin-right:auto;
  26. margin-top:0;
  27. position:relative;
  28. }
[HTML] pobierz, plaintext


Jednak chce aby wysokosc dostosowywala sie do okna przegladarki........

Ten post edytował kusiu 11.01.2008, 09:34:59
Go to the top of the page
+Quote Post

Posty w temacie
- kusiu   [CSS] 2 rózne tła dla strony   11.01.2008, 09:24:04

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

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn