Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]ułożenie div'ów
Forum PHP.pl > Forum > Przedszkole
robos85
Jak mogę ułozyć 2 divy kolo siebie?
Oba znajdują się w 1 większym div?

  1. <div id="top">
  2. <div id="top_menu">
  3. Menu szerokie asd asd asd asd asd asd asd
  4. </div>
  5. <div id="top_prawy">
  6. <div id="top_pion">
  7. 123
  8. </div>
  9. </div>
  10. </div>


  1. #main {
  2. width: 800px;
  3. margin: auto;
  4. padding:0px;
  5. }
  6.  
  7. #top {
  8. height: 62px;
  9. min-height: 62px;
  10. width: 100%;
  11. clear:both;
  12. }
  13.  
  14. #top_menu {
  15. width:601px;
  16. height: 62px;
  17. float: left;
  18. clear: left;
  19. display:block;
  20. }
  21.  
  22. #top_prawy {
  23. width:196px;
  24. height: 62px;
  25. clear: right;
  26. float: right:
  27. display:block;
  28. }
  29.  
  30. #top_pion{
  31. width:153px;
  32. background:url("../img/top_pion.jpg");
  33. min-width: 153px;
  34. height: 62px;
  35. display:block;
  36. }
Skie
Np.

Kod
<div id=tabela>
    <div id=menu1></div>
    <div id=menu2></div>
</div>


Kod
#tabela {
[...dane odnosnie #tabela...]
}

#menu1 {
float: left;
[...dane odnosnie #menu1...]
}

#menu2 {
float: right;
[...dane odnosnie #menu2...]
}


W ten sposób
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.