Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html]Strona na div
Forum PHP.pl > Forum > Przedszkole
kt1
Cześc nie umiem za dobrze css
i mam taki problem jak dla mnie duzy program

  1.  
  2. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  3. <title>Nowa strona 1</title>
  4. #all{
  5. float:center;
  6. width:750px;
  7. font: 12px/16px Arial, Helvetica, sans-serif;
  8. padding: 0 40px;
  9. margin: 0px;
  10. }
  11. #menu{
  12.  
  13. border:1px solid red;
  14. float:right;
  15. background:#d3d3ff;
  16. text-algin:center;
  17. }
  18. #main{
  19. margin-right:155px;
  20. border:1px solid blue;
  21. padding:5px;
  22. }
  23. #kale{
  24. text-algin:center;
  25. background:#9595ff;
  26. color:white;
  27. font-width:bold;
  28.  
  29. }
  30. #menu2{
  31. float:right;
  32. bottom:750px;
  33. }
  34. </head>
  35.  
  36. <div id="all">
  37. <div id="menu">
  38. <div id="kale">kalengagagaaa</div>
  39. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  40. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  41. ajgoajogijao<br>ajgoajogijao<br>
  42. </div>
  43. <div id="menu2">kalengagagaaa
  44. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  45. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  46. ajgoajogijao<br>ajgoajogijao<br>
  47. </div>
  48.  
  49. <div id="main">
  50. <h1>gaaaaaaaaaaaa</h1>
  51. </div>
  52. </div>
  53.  
  54. </body>
  55.  
  56. </html>

i wszystko prawie jest ale menu2 nie jest pod menu jak to zrobic questionmark.gif zeby było menu i pod spodem menu questionmark.gif.A i jeszcze jedno pytanie i jak zrobić żeby cała strona była na środku questionmark.gif
tsharek
obydwa menu jeżeli chcesz żeby były jedno pod drugim musisz "opakować" w jakiegoś diva który będzie float: right; Resztę floatów nie potrzeba Ci.
Odnośnie do tego żeby stronka była na środku: Daj w głównym divie margin: 0 auto;
kossa
Żeby strona była na środku:

  1. #all{
  2. width:750px;
  3. font: 12px Arial, Helvetica, sans-serif;
  4. padding: 0 40px;
  5. margin: 0 auto;
  6. }


co do menu to nie zagłębiałem się w Twój kod

Łukasz
kt1
Zrobiłęm tak jak mówisz ale jest żle
div main jest na dole a menu2 jest na całym wysokosci co menu 2 ... żle jest
o to kod
  1.  
  2. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  3. <title>kalengagagaaa</title>
  4. #all{
  5. margin: 0auto;
  6. width:750px;
  7. font: 12px/16px Arial, Helvetica, sans-serif;
  8. padding: 0 40px;
  9. margin: 0px;
  10. }
  11. #menu{
  12.  
  13. border:1px solid red;
  14. float:right;
  15. background:#d3d3ff;
  16. text-algin:center;
  17. }
  18. #main{
  19. margin-right:155px;
  20. border:1px solid blue;
  21. padding:5px;
  22. }
  23. #kale{
  24. text-algin:center;
  25. background:#9595ff;
  26. color:white;
  27. font-width:bold;
  28.  
  29. }
  30. #menu2{
  31. text-algin:center;
  32. background:#9595ff;
  33. color:white;
  34. font-width:bold;
  35. }
  36. #bb{
  37. float: right;
  38. }
  39. </head>
  40.  
  41. <div id="all">
  42.  
  43. <div id="bb">
  44. <div id="menu" style="width: 156px; height: 130px">
  45. <div id="kale">kalengagagaaa</div>
  46. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  47. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  48. ajgoajogijao<br>ajgoajogijao<br>
  49. </div>
  50. <div id="menu2">kalengagagaaa
  51. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  52. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  53. ajgoajogijao<br>ajgoajogijao<br>
  54. </div>
  55. </div>
  56.  
  57. <div id="main">
  58. <h1>gaaaaaaaaaaaa</h1>
  59. </div>
  60. </div>
  61.  
  62. </body>
  63.  
  64. </html>
drPayton
@tsharek napisał przecież wyraźnie:
Cytat
Resztę floatów nie potrzeba Ci.

Zrób jak napisał a będzie OK

Float nie jest potrzebny ponieważ div jako element blokowy zawsze będzie w nowej linii.

PS Co to jest font-width? aaevil.gif
kt1
Oka zrobiłem już wszystko thx za pomoc...
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.