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

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

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
25.10.2007, 15:32:37
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
25.10.2007, 15:35:48
Żeby strona była na środku:

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


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

Łukasz
kt1
25.10.2007, 15:39:24
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
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. <title>kalengagagaaa</title>
  6. <style>
  7. #all{
  8. margin: 0auto;
  9. width:750px; 
  10. font: 12px/16px Arial, Helvetica, sans-serif;
  11. padding: 0 40px;
  12. 	margin: 0px;
  13. }
  14. #menu{
  15.  
  16. border:1px solid red;
  17. float:right;
  18. background:#d3d3ff;
  19. text-algin:center;
  20. }
  21. #main{
  22. margin-right:155px;
  23. border:1px solid blue;
  24. padding:5px;
  25. }
  26. #kale{
  27. text-algin:center;
  28. background:#9595ff;
  29. color:white;
  30. font-width:bold;
  31.  
  32. }
  33. #menu2{
  34. text-algin:center;
  35. background:#9595ff;
  36. color:white;
  37. font-width:bold;
  38. }
  39. #bb{
  40.  float: right;
  41.  }
  42. </style>
  43. </head>
  44. <body>
  45.  
  46. <div id="all">
  47.  
  48. <div id="bb">
  49. <div id="menu" style="width: 156px; height: 130px">
  50. <div id="kale">kalengagagaaa</div>
  51. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  52. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  53. ajgoajogijao<br>ajgoajogijao<br>
  54. </div>
  55. <div id="menu2">kalengagagaaa
  56. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  57. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  58. ajgoajogijao<br>ajgoajogijao<br>
  59. </div>
  60. </div>
  61.  
  62. <div id="main">
  63. <h1>gaaaaaaaaaaaa</h1>
  64. </div>
  65. </div>
  66.  
  67. </body>
  68.  
  69. </html>
[HTML] pobierz, plaintext
drPayton
25.10.2007, 18:32:03
@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
26.10.2007, 07:35:47
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.