Tema: Se ve mal el lateral
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/02/2010, 13:31
elkpo15
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 14 años, 9 meses
Puntos: 0
Se ve mal el lateral
Tengo un problema, estoy haciendo el segundo lateral de una pagina y me esta pegando un salto de linea cosa que se me esta viendo asi



Me parece raro por que las medidas me estan dando todas justas aca dejo los codigos html y css:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <meta name="description" content="muchas cosas"/>
  6. <meta http-equiv="Refresh" content="60;URL=">  
  7. <link href="Estilos.css" type="text/css" rel="stylesheet"/>
  8. <title>Bienvenidos a mi pagina</title>
  9. </head>
  10. <body>
  11. <div id="contenedor">
  12.     <div id="cabezera">
  13.     <img src="imagenes/Cabezera.jpg" alt="Cabezera-web" width:="800" height="70"/></div>
  14.         <ul id="menuh">
  15.  
  16.         <li><a href="#" class="estilo-menuh">Nada</a></li>
  17.         <li><a href="#" class="estilo-menuh">Nada</a></li>
  18.         <li><a href="#" class="estilo-menuh">Nada</a></li>
  19.         <li><a href="#" class="estilo-menuh">Nada</a></li>
  20.         </ul>
  21. <div id="cuerpo">
  22.     <div id="lateral">
  23.  
  24.         <h1 class="menuv-title"></h1>
  25.             <div id="menuv">
  26.             <p><a href="#">Nada</a></p>
  27.             <p><a href="#">Nada</a></p>
  28.             <p><a href="#">Nada</a></p>
  29.             <p><a href="#">Nada</a></p>
  30.             </div>
  31.  
  32.     </div>
  33.     <!-- el medio -->
  34.     <div id="centro">
  35.     </div>
  36.     <!-- lateral2 -->
  37.     <div id="lateral2">
  38.     </div>
  39. </div>
  40. </div>

Código CSS: 
Ver original
  1. *
  2. {
  3. margin:0px auto;
  4. padding:0px;
  5. }
  6.  
  7. body
  8. {
  9. background-image:url(imagenes/fondo.gif);
  10. text-align:center;
  11. background-color:#000000;
  12. font-family:Arial, Helvetica, sans-serif;
  13. margin:1em 0em 1em 0;
  14. }
  15.  
  16. #contenedor
  17. {
  18. text-align:left;
  19. width:800px;
  20. background-color:#FFFFFF;
  21. margin:auto;
  22. }
  23.  
  24. #cabezera
  25. {
  26. width:800px;
  27. height:70px;
  28. }
  29.  
  30. #menuh
  31. {
  32. list-style-type:none;
  33. }
  34.  
  35. /*border*/
  36.  
  37. #menuh a:link, #menuh a:visited
  38. {
  39. float:left;
  40. width:200px;
  41. height:20px;
  42. background-image:url(imagenes/Fondo-menuh-boton.jpg);
  43. text-decoration:none;
  44. text-align:center;
  45. }
  46.  
  47. #menuh a:hover
  48. {
  49. background-image:url(imagenes/Fondo-menuh-boton-2.jpg);
  50. color:#339900;
  51. }
  52.  
  53. #menu li
  54. {
  55. display:inline
  56. }
  57.  
  58. .estilo-menuh
  59. {
  60. font-weight:bold;
  61. color:#FF3300;
  62. }
  63.  
  64. #cuerpo
  65. {
  66. background-color:#000000;
  67. width:50em;
  68. height:20em;
  69. float:right;
  70. }
  71.  
  72. #lateral
  73. {
  74. background-color:#000099;
  75. width:10em;
  76. height:20em;
  77. float:left;
  78. }
  79.  
  80. /*Title*/
  81.  
  82. .menuv-title
  83. {
  84. background-image:url(imagenes/Menuv-lateral.jpg);
  85. height:45px;
  86. }
  87.  
  88. /*Menu*/
  89.  
  90. #menuv
  91. {
  92. text-align:center;
  93. }
  94.  
  95. #menuv p
  96. {
  97. margin:0px;
  98. padding:0px;
  99. height:25px;
  100. background-image:url(imagenes/Menuv-boton.jpg)
  101. }
  102.  
  103. #menuv a:link, #menuv a:visited
  104. {
  105. text-decoration:none;
  106. font-weight:bold;
  107. }
  108.  
  109. /*2� imagen boton*/
  110.  
  111. #menuv a:hover
  112. {
  113. }
  114.  
  115. #centro
  116. {
  117. width:30em;
  118. height:20em;
  119. background-color:#FF0000;
  120. }
  121.  
  122. #lateral2
  123. {
  124. float:right;
  125. width:10em;
  126. height:20em;
  127. background-color:#006666;
  128. }