Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]wypływający tekst poza ramkę w div
shreker
post
Post #1





Grupa: Zarejestrowani
Postów: 270
Pomógł: 0
Dołączył: 21.05.2008

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


witam, mam problem z div'ami
  1. <div class="onclickclass" style="width:400px; height:150px; display:block; vertical-align:center; text-align:center; border: 1px solid; border-color: #C0C0C0 #000000 #000000 #C0C0C0; padding: 10px 10px 10px 10px; margin:auto; margin-bottom:5px;">
  2. <div style="float:left; display:block; width:140px; background-color: transparent;">
  3. <div style="width:100%; text-align:center; padding: 1px 1px 1px 1px;"><img src="images/user.png" style="border:0px; width:110px; height:110px" alt="user" title="user" /></div>
  4. <div style="width:100%; text-align:center; padding: 1px 1px 1px 1px;">nick</div>
  5. <div style="width:100%; text-align:center; padding: 1px 1px 1px 1px;">czas</div>
  6. </div>
  7. <div style="float:left; display:block; width:260px; vertical-align:top;">
  8. <div style="width:100%; text-align:left; margin-top:1px; margin-bottom:10px;">temat</div>
  9. <div style="width:100%; text-align:justify; text-indent:10px;">Lorem ipsum dolor sit amet nunc. Vestibulum iaculis. Nam feugiat pede. Cras hendrerit sagittis. Vestibulum at mauris magna, tincidunt lorem, pellentesque a, ligula. Pellentesque tellus. In ornare facilisis pellentesque at, suscipit sit amet, consectetuer tincidunt leo elit purus, consectetuer lacus. Maecenas ut sapien accumsan pede lobortis laoreet sapien. Cras eu aliquam enim. Sed laoreet iaculis in, elementum quis, varius vitae, egestas mi, nec diam lorem, id tortor et ultrices tortor at tortor. Nam ullamcorper ut, urna. Aenean tincidunt varius risus velit, a lorem scelerisque a, sodales rutrum, wisi placerat nec, congue et, bibendum nulla sed eros. Vestibulum ante ipsum dolor tellus vulputate tellus quis wisi. Aenean gravida vitae, placerat pharetra eget, tortor. In urna. Phasellus ut enim. Aenean sodales, velit in mattis lorem velit libero ipsum cursus lectus felis facilisis faucibus eu, fringilla neque tellus, at lobortis venenatis, elit dapibus sit amet neque. Nunc ipsum pharetra porttitor vel, magna. Nulla massa. Integer in ultricies urna arcu quis augue. Fusce condimentum ultricies, hendrerit laoreet. Aenean scelerisque id, dolor. Pellentesque mollis nunc commodo magna, at quam. Maecenas in aliquam risus ut arcu.</div>
  10. </div>
  11. </div>

Skrypt generuje kilka podobnych divów na stronie, jeden pod drugim. Jeśli zawartość "lorem ipsum" jest krótka wtedy nie ma problemu, ale jeśli jest dłuższy tekst to w efekcie wypływa poza główny div (w dół). Co zrobić żeby div automatycznie dopasowywał się do długości "lorem ipsum ..." ?
Go to the top of the page
+Quote Post
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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


Wyraźnie widać, że najbardziej otaczający <div> ma ustawioną wysokość 150px (masz na myśli chyba wysokość, a nie szerokość).
Należy usunąć i dodać albo float:left; albo overflow:hidden;
Go to the top of the page
+Quote Post
shreker
post
Post #3





Grupa: Zarejestrowani
Postów: 270
Pomógł: 0
Dołączył: 21.05.2008

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


trueblue ale wtopa, faktycznie, masz rację. Ta wysokość miała byc tam gdzie jest img, a nie w otaczającym (IMG:style_emoticons/default/smile.gif) Dzięki (IMG:style_emoticons/default/smile.gif)
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: 24.08.2025 - 04:51