Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Rozciaganie diva
Oczko21
post
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 12.07.2009

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


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
Go to the top of the page
+Quote Post
krzywy36
post
Post #2





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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


daj cały kod, żebym miał na czym próbować ;p
Go to the top of the page
+Quote Post
konole
post
Post #3





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 21.03.2006
Skąd: Warszawa

Ostrzeżenie: (20%)
X----


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>
Go to the top of the page
+Quote Post
Oczko21
post
Post #4





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 12.07.2009

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


@krzywy36
Jest zbyt dlugi i raczej nic nowego nie wniesie

@konole
Niestety, nie pomoglo. Nawet nie 'drgnelo'
Go to the top of the page
+Quote Post
krzywy36
post
Post #5





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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


to może zuploaduj to na jakiś serwer? nie chce mi się wymyślać reszty pliku...
Go to the top of the page
+Quote Post
Oczko21
post
Post #6





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 12.07.2009

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


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?
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 23:30