Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] div bez pustych miejsc
rydlik
post
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 9.10.2011

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


Witam wszystkich serdecznie, mam pewien problem, chciałbym aby div-y: 1 i 3 "leżały bezpośrednio na sobie" http://intarnow.eu/help/test.php a tymczasem miedzy DIV 1 a DIV 3 jest przerwa. div123 to tylko tekst zależy mi na tym by zrobić to przy użyciu jednego diva powielono wielokrotnie tak by mając rożne długości układały się jeden pod drugim.Mój css wyglada następująco:

  1. <title>Help me!</title>
  2. <style type="text/css">
  3. #d_kategorie { float:left; width:440px; height:400px; text-align:left; background:#FFFF66;}
  4. #d_lewo { float:left; width:220px; height:auto; background-color:#99FF00; }
  5. </head>
  6. <div id="d_kategorie">
  7. <div id="d_lewo">DIV 1<br/></div>
  8. <div id="d_lewo">DIV 2<br/><br/><br/><br/></div>
  9. <div id="d_lewo">DIV 3<br/></div>
  10. </div>
  11. </html>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Po pierwsze: ID jest unikalne
Po drugie: są to elementy blokowe, więc to, że tak się zachowują jest normalne.

Możesz zrobić np. tak:
  1. <title>Help me!</title>
  2. <style type="text/css">
  3. #d_kategorie {width:440px; height:400px; text-align:left; background:#FFFF66;}
  4. .d_lewo {width:220px; height:auto; background-color:#99FF00; }
  5. .lewo {float:left}
  6. .prawo {float: right}
  7. </head>
  8. <div id="d_kategorie">
  9. <div class="d_lewo lewo">DIV 1<br/></div>
  10. <div class="d_lewo prawo">DIV 2<br/><br/><br/><br/></div>
  11. <div class="d_lewo lewo">DIV 3<br/></div>
  12. </div>
  13. </html>
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: 25.08.2025 - 04:47