Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Rozciaganie diva
Forum PHP.pl > Forum > Przedszkole
Oczko21
Witam,
Moze ktos zdola rozwiazac moj problem. Mam oto taki uklad strony http://img88.imageshack.us/f/shytkopia.jpg/
Chcialbym aby to szare pole, rozciagalo sie w zaleznosci od tego bialego diva. Osiagnalem taki efekt ale... gdy dodam nowego diva wewnatrz tego bialego, efekt jest taki jak na zalaczonym obrazku

CSS
  1. #page {
  2. width:847px;
  3. background-image:url(../images/menu_bg.gif);
  4. background-repeat:repeat-y;
  5. min-height:200px;
  6. margin-left:auto;
  7. margin-right:auto;
  8. margin-top:80px;
  9. margin-bottom:60px;
  10. }
  11. #left {
  12. width:233px;
  13. min-height:400px;
  14. float:left;
  15. background-image:url(../images/left_bg.gif);
  16. background-repeat:repeat-y;
  17. }
  18. #right {
  19. background-color:#FFF;
  20. width:614px;
  21. float:right;
  22. }
  23. #slider {
  24. width:400px;
  25. min-height:400px;
  26. }
  27. .element-rotated {
  28. min-height:400px;
  29. background-color:#666;
  30. color: #fff;
  31. width: 400px;
  32. }



  1. <div id="page">
  2. <div id="left"></div>
  3. <div id="right">
  4. <div id="slider">
  5. <div class="element-rotated">
  6. text...
  7. </div>
  8. </div>
  9. </div>
  10. </div>


Jesli tekst umieszcze bezposrednio w divie 'slider', wszystko ladnie sie rozciaga, ale wewnatrz klasy 'element-rotated' juz nie
krzywy36
daj cały kod, żebym miał na czym próbować ;p
konole
Spróbuj tego.

Kod
<div id="page">
         <div id="left"></div>
         <div id="right">
                   <div id="slider">
                             <div class="element-rotated">
                             text...
                            </div>
                            <div style="clear: both;"></div>
                   </div>
         </div>
</div>
Oczko21
@krzywy36
Jest zbyt dlugi i raczej nic nowego nie wniesie

@konole
Niestety, nie pomoglo. Nawet nie 'drgnelo'
krzywy36
to może zuploaduj to na jakiś serwer? nie chce mi się wymyślać reszty pliku...
Oczko21
Mysle ze juz znalazlem przyczyne. Najprawdopodobniej rzecz dzieje sie dlatego ze div 'slider' jest przesylany do skryptu jQuery Sideswap. Czy ktos wie moze co zrobic aby ten div nie kolidowal ze skryptem jQuery?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.