Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2011, 08:58
Pinty
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 15 años, 2 meses
Puntos: 14
Pregunta El tamaño se me ajusta solo al texto

Hola a todos. Estoy trabajando en las css, para una pagina web y me he encontrado con un problemilla. estoy creando un div con los bordes redondeados, y me lo crea genial, el problema es que no me respeta el tamaño que yo le digo, es decir, se ajusta al tamaño del texto que contiene. Bueno el codigo de las css es el siguiente.

Código CSS:
Ver original
  1. .menu_lateral
  2. {
  3.     position:static;
  4.     float: left;
  5.     width: 20%;
  6.     height: 100%;
  7.     background-color: transparent;
  8. }
  9. .cuadrolateral { background: url(Imagenes/Fondos/lateral_fondo.gif) repeat; }
  10. .lateralsuperior div { background: url(Imagenes/Fondos/lateral_s_i.gif) no-repeat top left; }
  11. .lateralsuperior { background: url(Imagenes/Fondos/lateral_s_d.gif) no-repeat top right; }
  12. .lateralinferior div { background: url(Imagenes/Fondos/lateral_i_i.gif) no-repeat bottom left; }
  13. .lateralinferior { background: url(Imagenes/Fondos/lateral_i_d.gif) no-repeat bottom right; }
  14.  
  15. .lateralsuperior div, .lateralsuperior, .lateralinferior div, .lateralinferior
  16. {  
  17.     width: 100%;
  18.     height: 7px;
  19. }
  20.  
  21. .lateralcontenido
  22. {
  23.     text-align:center;
  24. }
  25. .cuerpolateral
  26. {
  27.     height:100%;
  28.     width:20%;
  29.     margin-top:2%;
  30.     margin-left:2%;
  31. }

Si os fijais en la ultima class (cuerpolateral) le digo cual es el tamaño que yo quiero que se le aplique.

Por si acaso aqui tienen el codigo html de la web.
Código HTML:
Ver original
  1. <div class="menu_lateral">
  2.                         <div class="cuadrolateral">
  3.                             <div class="lateralsuperior"><div></div></div>
  4.                             <div class="lateralcontenido">
  5.                                 <h3>Menu lateral</h3>
  6.                                 <asp:ContentPlaceHolder ID="LateralContent" runat="server">
  7.                                 </asp:ContentPlaceHolder>
  8.                             </div><!-- /rbcontent -->
  9.                             <div class="lateralinferior"><div></div></div>
  10.                         </div><!-- /rbroundbox -->
  11.                     </div>

Espero que alguien me pueda ayudar por que estoy un poco desesperado, seguro que el error es una chorrada, pero no tengo mucha experiencia en css, asi que para mi seguro que es lo mas complicado del mundo.

Un saludo
Pinty