Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: 3 divy <=> 3 kolumny
Forum PHP.pl > Forum > Po stronie przeglądarki
porowski
niestety odpowiedzi nie znalazłem na forum... sad.gif

chce zrobić coś takiego:

[szerokość 150px][szerokość: nie mniej niż 470px ale zawsze na maxa][szerokość 150px]

obecnie mam tak ale niestety nie działa sad.gif


  1. <style type="text/css">
  2. #srodek-all
  3. {
  4. height: auto;
  5. width: auto;
  6. }
  7.  
  8. #srodek-lewa
  9. {
  10. height: auto;
  11. width: 150px;
  12. float: left;
  13. }
  14.  
  15. #srodek-tresc
  16. {
  17. height: auto;
  18. width: auto;
  19. min-width: 470px;
  20. float: left;
  21. }
  22.  
  23. #srodek-prawa
  24. {
  25. height: auto;
  26. width: 150px;
  27. float: right;
  28. }
  29.  
  30. <div id="srodek-all">
  31. <div id="srodek-lewa">lewa</div>
  32. <div id="srodek-tresc">tresc</div>
  33. <div id="srodek-prawa">prawa</div>
  34. </div>
dr_bonzo
http://www.alistapart.com/articles/holygrail

o to chodzi?
porowski
zabardzo nie znam angielskiego ale z tego co przegladam ten kod to niebardzo

na tabelkach bym zrobil to tak:


  1. <table width="100%">
  2. <tr>
  3. <td width="150" valign="top">aaaa</td>
  4. <td valign="top">bbbb</td>
  5. <td width="150" valign="top">cccc</td>
  6. </tr>


a chce cos takiego na DIV
dr_bonzo
To jest wlasnie to -- wrzuc koncowy kod i uruchom (sprawdz).
angerthor
  1. <div clas="tu masz obrazek dla wszystkich divow">
  2.  
  3. <div style='width:150px;float:left;"> </div> // 1 kolumna
  4.  
  5. <div style="float:left;"> </div> // 2 kolumna
  6.  
  7. <div style="float:left;"> </div> // 3 kolumna
  8.  
  9. <div style="clear:both"> </div> // ukryta kolumna, ale moze byc jako stopka, wydluzajaca max floatujace divy
  10.  
  11. </div>



To powinno działać
revyag
@angerthor - czytaj dokładnie, autorowi topica chodziło o coś innego.
porowski
problem rozwiązany biggrin.gif

bardzo dziękuję dr_bonzo
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.