Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]ułożenie div'ów
robos85
post 16.07.2008, 09:39:24
Post #1





Grupa: Zarejestrowani
Postów: 466
Pomógł: 11
Dołączył: 21.09.2006
Skąd: Szczecin

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


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. }


Ten post edytował robos85 16.07.2008, 09:42:02
Go to the top of the page
+Quote Post
Skie
post 16.07.2008, 10:09:25
Post #2





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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


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


--------------------
Wieloprocesowość i wielowątkowość w PHP, poznaj Kraken PHP!
Serwer HTTP i WebSocket w PHP | Promise/A+
Strona Domowa | Elradia MMORPG
FireFox: make the web better.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 8.07.2025 - 09:33