Tema: Ayuda, acomodar header y body
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 23/12/2010, 18:24
SonrisaCs
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 13 años, 4 meses
Puntos: 5
Respuesta: Ayuda, acomodar header y body
Style.css por las dudas;
Código CSS: 
Ver original
  1. BODY {
  2. MARGIN: 0px auto;
  3. FONT-FAMILY: arial;
  4. FONT-SIZE: 12px;
  5. }
  6.  
  7.  
  8. A {
  9. FONT-SIZE: 12px
  10. }
  11.  
  12. A:hover {
  13. COLOR: #69c;
  14. TEXT-DECORATION: none;
  15. }
  16.  
  17.  
  18. TABLE {
  19. FONT-SIZE: 12px;
  20. }
  21.  
  22.  
  23. LI {
  24. FONT-SIZE: 12px;
  25. COLOR: #808080;
  26. LINE-HEIGHT: 18px;
  27. }
  28.  
  29.  
  30. H1 {
  31. COLOR: #df713b;
  32. FONT-SIZE: 24px;
  33. }
  34.  
  35.  
  36. H2 {
  37. COLOR: #df713b;
  38. FONT-SIZE: 18px;
  39. }
  40.  
  41.  
  42. LABEL#TITLE {
  43. FONT-WEIGHT: bold;
  44. FONT-SIZE: 12px;
  45. COLOR: #333;
  46. }
  47.  
  48.  
  49. LABEL#TEXT {
  50. COLOR: #808080;
  51. FONT-SIZE: 12px;
  52. }
  53.  
  54.  
  55. LABEL#MESSAGE {
  56. FONT-SIZE: 14px;
  57. }
  58.  
  59.  
  60.  
  61. .header-top {
  62. BACKGROUND: #9d680a;
  63. PADDING-TOP: 1px;
  64. BORDER-BOTTOM: #264b7d 1px solid;
  65. HEIGHT: 35px;
  66. WIDTH: 960px
  67. }
  68.  
  69.  
  70. .header-top A {
  71. COLOR: white;
  72. FONT-SIZE: 12px;
  73. TEXT-DECORATION: none;
  74. }
  75.  
  76.  
  77. .header-menu#current {
  78. BORDER-RIGHT: #3c7675 2px solid;
  79. BORDER-TOP: #3c7675 2px solid;
  80. BORDER-LEFT: #3c7675 2px solid;
  81. WIDTH: 100px;
  82. TEXT-ALIGN: center;
  83. BACKGROUND: white;
  84. PADDING-BOTTOM: 8px;
  85. PADDING-TOP: 10px;
  86. PADDING-LEFT: 15px;
  87. PADDING-RIGHT: 10px
  88. }
  89.  
  90.  
  91.  
  92. .header-menu{
  93. FONT-SIZE: 12px;
  94. WIDTH: 100px;
  95. TEXT-ALIGN: center;
  96. PADDING-BOTTOM: 8px;
  97. PADDING-TOP: 10px;
  98. PADDING-LEFT: 15px;
  99. PADDING-RIGHT: 10px
  100. }
  101.  
  102.  
  103.  
  104. .header-menu A {
  105. TEXT-DECORATION: none;
  106. }
  107.  
  108.  
  109.  
  110. .content-container {
  111. PADDING-TOP: 25px;
  112. TEXT-ALIGN: left;
  113. WIDTH: 960px;
  114. }
  115.  
  116.  
  117. .content-box {
  118.     BORDER: 2px solid #669999;
  119.     PADDING: 10px;
  120.     TEXT-ALIGN: left;
  121.     MARGIN-BOTTOM: 10px;
  122.     background-color: #528A89;
  123. }
  124.  
  125.  
  126.  
  127. .content-box.left {
  128. BORDER-LEFT: #999 1px solid; 
  129. PADDING-LEFT: 40px;
  130. }
  131.  
  132.  
  133.  
  134. .ABOUT {
  135. MARGIN-TOP: 40px;
  136. PADDING-RIGHT: 15px;
  137. BORDER-TOP: #ddd 0.1em solid;
  138. PADDING-LEFT: 0px;
  139. FONT-WEIGHT: bold;
  140. FONT-SIZE: 16px;
  141. COLOR: #666;
  142. PADDING-TOP: 1.3em;
  143. TEXT-ALIGN: center
  144. }
  145.  
  146.  
  147. .EMAILBOX {
  148. BORDER: #3c7675 2px solid;
  149. WIDTH: 300px;
  150. PADDING-TOP: 10px;
  151. BACKGROUND: #528a89
  152. }
  153.  
  154.  
  155. .COMMENTBOX {
  156. WIDTH: 500px;
  157. PADDING-TOP: 20px;
  158. PADDING-BOTTOM: 10px;
  159. TEXT-ALIGN: left;
  160. BORDER-TOP: #333 1px dashed;
  161. }
  162.  
  163.  
  164. .PRIVATEPASSBOX {
  165. DISPLAY: none; 
  166. BORDER: #3c7675 2px solid; 
  167. PADDING: 10px; 
  168. WIDTH: 400px;
  169. }
  170.  
  171.  
  172. .FOOTER {
  173. CLEAR: left; 
  174. COLOR: #999; 
  175. TEXT-ALIGN: center; 
  176. PADDING-TOP: 20px; 
  177. PADDING-BOTTOM: 20px; 
  178. BORDER-TOP: #ddd 1px solid; 
  179. MARGIN-TOP: 20px;
  180. }