Forum PHP.pl > [css] div bez pustych miejsc

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] div bez pustych miejsc

Forum PHP.pl > Forum > Po stronie przeglądarki

rydlik

9.10.2011, 22:11:53

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:

[HTML] pobierz, plaintext 
<html>
<head>
<title>Help me!</title>
<style type="text/css">
#d_kategorie { float:left; width:440px; height:400px; text-align:left; background:#FFFF66;}
#d_lewo { float:left; width:220px; height:auto; background-color:#99FF00;  }
</style>
</head>
 <div id="d_kategorie">
  <div id="d_lewo">DIV 1<br/></div>
  <div id="d_lewo">DIV 2<br/><br/><br/><br/></div>
  <div id="d_lewo">DIV 3<br/></div>
 </div>
</html>
[HTML] pobierz, plaintext

Damonsson

9.10.2011, 22:55:35

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:

[HTML] pobierz, plaintext 
<html>
<head>
<title>Help me!</title>
<style type="text/css">
#d_kategorie {width:440px; height:400px; text-align:left; background:#FFFF66;}
.d_lewo {width:220px; height:auto; background-color:#99FF00;  }
.lewo {float:left} 
.prawo {float: right}
</style>
</head>
 <div id="d_kategorie">
  <div class="d_lewo lewo">DIV 1<br/></div>
  <div class="d_lewo prawo">DIV 2<br/><br/><br/><br/></div>
  <div class="d_lewo lewo">DIV 3<br/></div>
 </div>
</html>
[HTML] pobierz, plaintext

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.