Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]2 divy obok siebie, szerokości
Forum PHP.pl > Forum > Przedszkole
Krychu1
Cześć. Czy jest sposób, aby ułożyć obok siebie dwa divy określając w pierwszym szerokość np. 500 pixeli a w drugim resztę ekranu?
styryl
Jest taka możliwość np przy użyciu javascript
mccd
  1. <div class='one'>
  2. 1
  3. </div>
  4. <div class='two'>
  5. 2
  6. </div>
  7. <div class='clear'>3</div>

  1. .one {
  2. background:red;
  3. float:left;
  4. width:200px;
  5. }
  6. .two {
  7. overflow: hidden;
  8. background:green;
  9. }
  10. .clear {
  11. clear:both;
  12. background:yellow;
  13. }

lub:
  1. .one {
  2. background:red;
  3. float:left;
  4. width:200px;
  5. }
  6. .two {
  7. margin-left:200px;
  8. background:green;
  9. }
  10. .clear {
  11. clear:both;
  12. background:yellow;
  13. }


http://jsfiddle.net/R7zmQ/
Krychu1
Dzięki za szybką odpowiedź. Jasną sprawą jest że skorzystam z rozwiązania mccd. Nie każdy musi używać JS, więc jeśli da się je pominąć to warto tak zrobić. smile.gif
!*!
A jeśli chcesz, aby miały równą wysokość, to dla głównego kontenera użyj display:table, a dla reszty display:table-cell.

http://jsfiddle.net/53kzG/
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.