Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]tresc wychodzi poza div'a
Kpt_Blood
post 28.07.2008, 08:36:53
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 21.07.2008
Skąd: Lublin

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


Witam. Moj problem polega na tym ze tresc mi wychodzi poza diva. Uklad strony wyglada w ten sposob ze mam jeden duzy div, a w nim powiedzmy ze trzy mniejsze, tak jak kolumny w tabeli. po lewej stronie jest menu, ktore ma sie wyswietlac w srodkowym divie.
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |

No i o to chodzi ze moje menu jest w 1, chce zeby tresc wyswietlala sie w 2(i wyswietla sie), ale chodzi o to ze jesli sam
nie dam "enter" w odpowiednim miejscu to tresc wchodzi mi na 3 diva. Wiem ze mozna zastosowac overflow:auto, ale wtedy robi sie poziomy pasek przewijania, a tego tez nie chce. Chce zeby po prostu tresc mi nie wychodzila poza 2 diva tylko po prostu jesli dochodzi do jego konca, to zeby nastapilo przelamanie wiersza.
Bardzo prosze o pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
Shili
post 28.07.2008, 08:41:58
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


Podaj kod, którego użyłeś.
Go to the top of the page
+Quote Post
bogdan89
post 28.07.2008, 08:49:29
Post #3





Grupa: Zarejestrowani
Postów: 320
Pomógł: 36
Dołączył: 28.08.2006
Skąd: Wrocław

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


to daj overflow:hidden;
Go to the top of the page
+Quote Post
Kpt_Blood
post 28.07.2008, 09:10:22
Post #4





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 21.07.2008
Skąd: Lublin

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


  1. div
  2. {
  3. position: absolute;
  4. }
  5.  
  6. div.tresc
  7. {
  8. left: 0px;
  9. top: 270px;
  10. width: 900px;
  11. height: 630px;
  12. background: #ffffff;
  13. }
  14.  
  15. div.lewy
  16. {
  17. left: 0px;
  18. top: 270px;
  19. width: 100px;
  20. height: 630px;
  21. background: #ffffff;
  22. }
  23.  
  24. div.srodkowy
  25. {
  26. left: 100px;
  27. top: 270px;
  28. width: 700px;
  29. height: 630px;
  30. background: #ffffff;
  31. }
  32.  
  33. div.prawy
  34. {
  35. left: 800px;
  36. top: 270px;
  37. width: 100px;
  38. height: 630px;
  39. background: #ffffff;
  40. }


  1. <?php
  2. <div class=&#092;"tresc\">
  3. <div class=&#092;"lewy\">
  4. <a href=&#092;"?page=about\">Blablabla
  5.  
  6. <div class=&#092;"srodkowy\">
  7.  
  8. $about = 'Tekst1Tekst1Tekst1Tekst1Tekst1Tekst1Tekst1Tekst1';
  9.  
  10. $show = $_GET['page'];
  11. if(!isset($show))
  12. {
  13. $show = &#092;"about\";
  14. }
  15.  
  16. switch($show)
  17. {
  18. case 'about':
  19. echo $about;
  20. break;
  21. }
  22. ?>
  23.  
  24.  
  25. <div class=\"prawy\">


No i jesli w zmiennej about ten tekst jest za dlugi to wlasnie mi wyjezdza. Uklad strony sam teraz napisalem opierajac sie o ten co ja mam, na tej samej zasadzie, tam jest duzo wiecej divow dlatego wiec nie wklejalem, ale o to samo chodzi, tutaj jest akurat ta czesc strony co trzeba;)

Bogdan jesli dam tak jak mowisz to mi ucina po prostu tekst w miejcu w ktorym konczy sie div. </div class=\"prawy\"></div class=\"srodkowy\"></a href=\"?page=about\"></div class=\"lewy\"></div class=\"tresc\">

Ten post edytował Kpt_Blood 28.07.2008, 09:22:03
Go to the top of the page
+Quote Post
bogdan89
post 28.07.2008, 09:16:55
Post #5





Grupa: Zarejestrowani
Postów: 320
Pomógł: 36
Dołączył: 28.08.2006
Skąd: Wrocław

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


hmm...
div.tresc ma width:740px;
a suma trzech: lewy, srodkowy, prawy ma width:900px;

poza tym, dlaczego pozycjonujesz absolutnie?
wywal to... wywal tez wszystkie left:XXpx, i top:XXpx;
popraw te szerokości, potem daj dla divow lewy, srodkowy i prawy float:left;
dla diva.tresc overflow:hidden;
i powinno byc dobrze... chyba, bo nie sprawdzalem
Go to the top of the page
+Quote Post
Kpt_Blood
post 28.07.2008, 09:37:41
Post #6





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 21.07.2008
Skąd: Lublin

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


Nie, nie patrz na te szerokosci, na stronie mam dobrze, wszystko bylo ladnie, ale to wyzej to teraz pisalem i dlatego taki blad;) ale poustawiane jest dobrze.

EDIT:
Zaraz sprobuje zrobic jak mowiles;)

Nie no tak tez za bardzo nie przejdzie to, bo sie tylko poustawiaja jak trzeba(a to mam) a tresc i tak bedzie wyjezdzala, chyba musze recznie tekst formatowac w kazdej zmiennej:|

Ten post edytował Kpt_Blood 28.07.2008, 09:22:48
Go to the top of the page
+Quote Post
nowotny
post 28.07.2008, 09:40:49
Post #7





Grupa: Zarejestrowani
Postów: 875
Pomógł: 122
Dołączył: 2.02.2008

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


  1. <?php
  2. $about = 'Tekst1Tekst1Tekst1Tekst1Tekst1Tekst1Tekst1Tekst1'
  3. ?>

Nie używaj do testów takich ciągów bez spacji bo ci się to nigdy nie złamie...
Go to the top of the page
+Quote Post
Kpt_Blood
post 28.07.2008, 09:57:26
Post #8





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 21.07.2008
Skąd: Lublin

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


Widze ze moj post z kodem dziwnie sie zeedytowal;) ale juz niewazne. Chyba po prostu musze recznie przelamywac linie.
Dzieki Wam wszystkim za odpowiedzi:)
Go to the top of the page
+Quote Post
-mnble-
post 14.11.2008, 13:35:53
Post #9





Goście







jesli elementowi dajesz float lub pozyjonujesz absolutnie to wypada on poza naturalny przeplyw doca, więc tekst w divie, który wyleciał z przepływu jest coprawda w tym divie ale wyłazi poza niego jak jest za długi. to samo z obrazkiem, który z akapitem jest w divie. obrazek ma floata, aby tekst był obok, jednak div dopasuje sie do akapitu (bo on nie ma zadnego floata ani pozycjonowania absolute), zas obrazek jak sie zdazy ze jest za wysoki, wyłazi paskudnie w dół poza diva.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 07:44