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:

  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. </head>
  42. <div class=tlo_lewe></div>
  43. <div class=tlo_prawe></div>
  44. <div></div> <!-- dziwne ale ten blok musi tu byc -->
  45. <div class=kontener_glowny>
  46. asdad
  47. </div>
  48. </body>


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:

  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. }


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