Foros del Web » Creando para Internet » CSS »

Al ejecutar no me respeta las css

Estas en el tema de Al ejecutar no me respeta las css en el foro de CSS en Foros del Web. Hola a todos. Estoy creando mi primera pagina web usando paginas maestras con visual studio 2010 y me ha empezado a dar un problema que ...
  #1 (permalink)  
Antiguo 10/08/2011, 05:41
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 15 años, 1 mes
Puntos: 14
Al ejecutar no me respeta las css

Hola a todos. Estoy creando mi primera pagina web usando paginas maestras con visual studio 2010 y me ha empezado a dar un problema que nunca antes me habia dado. A ver si me puedo explicar bien.
Pues el tema es que yo creo mis hojas de estilos como siempre, y cuando estoy diseñando mi pagina web y voy a vista diseño, se ve todo genial, tal como yo quiero, pero el tema es q luego ejecuto la pagina y lo unico que me respeta son los colores de los div, y el orden de los componentes, pero los tamaños se los pasa por alto y pone el tamaño acorde al texto, es decir que pone el tamaño del div justo y necesario para ver el texto que lo contiene.
Alguien sabe por que me puede estar pasando esto??

Agradezco cualquier tipo de ayuda o sugerencia por que nose que puede ser.

Muchas gracias a todos por adelantado.

Un saludo
Pinty
  #2 (permalink)  
Antiguo 10/08/2011, 13:48
 
Fecha de Ingreso: mayo-2011
Mensajes: 171
Antigüedad: 12 años, 10 meses
Puntos: 32
Respuesta: Al ejecutar no me respeta las css

los div son bloques, supongo que de alguna forma no respetara esa propiedad y por ende los tamaños se los come..

en el css de los div coloca display:block; aver que pasa
  #3 (permalink)  
Antiguo 10/08/2011, 15:02
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Al ejecutar no me respeta las css

hola pinty, no tenemos modo de saber si la hoja de estilos se esta incluyendo o no, ni si estas pisando los estilos o no, creo que deberías poner más detalles para que mas gente pueda entenderte, ya que de este modo te podrá ayudar solo quien este usando el mismo ide que tu (en este caso tu progunta tendría más posibilidades en el foro de editores) y te pierdes de valiosa ayuda.

Este tema te podra ser útil para mejorar tu pregunta:
http://www.forosdelweb.com/f18/cada-...7-post3910639/

Saludos.
  #4 (permalink)  
Antiguo 12/08/2011, 07:22
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 15 años, 1 mes
Puntos: 14
Respuesta: Al ejecutar no me respeta las css

HOla a los dos. Gracias por contestar Dukeblass, esa propiedad la tenia activada, pero aun asi nada. Cristian tienes razon, lo mejor es que ponga el codigo a ver que tal. Es que el otro dia me pillo un poco a purado. Vamos alla.

Estas serian las css:
Código CSS:
Ver original
  1. body {
  2.     width: 100%;
  3.     height: 100%;
  4.     background-color:Aqua;
  5.     color:Black;
  6. }
  7.  
  8. .pagina{
  9.     width:1024px;
  10.     height:768px;
  11.     position:absolute;
  12.     left:50%;
  13.     margin-left:-512px;
  14.     background-color:Black;
  15.     display:block;
  16. }
  17.  
  18. /*Definicion general de la pagina*/
  19. .cabecera{
  20.     position:static;
  21.     width: 100%;
  22.     height: 15%;
  23.     background-color: fuchsia;
  24.     display:block;
  25. }
  26.  
  27. .menu_superior{
  28.     position: static;
  29.     width: 100%;
  30.     height: 4%;
  31.     background-color: green;
  32.     display:block;
  33. }
  34.  
  35. .menu_superior a{
  36.     margin-left: 5%;
  37.     font-size: 0.8em;
  38. }
  39.  
  40. .menu_superior a:hover{
  41.     color: white;
  42. }
  43.  
  44. .cuerpo{
  45.     position: static;
  46.     width: 100%;
  47.     height: 77%;
  48.     background-color: maroon;
  49.     background-repeat: repeat-y;
  50.     display:block;
  51. }
  52.  
  53. .contenido{
  54.     float: right;
  55.     width: 80%;
  56.     height: 100%;
  57.     background-color: red;
  58.     display:block;
  59. }
  60.  
  61. .menu_lateral{
  62.     float: left;
  63.     width: 20%;
  64.     height: 100%;
  65.     background-color: olive;
  66.     background-repeat: repeat-y;
  67.     display:block;
  68. }
  69.  
  70. .pie{
  71.     position: static;
  72.     width: 100%;
  73.     height: 4%;
  74.     background-color: purple;
  75.     margin-bottom:0px;
  76.     display:block;
  77. }
  78.  
  79. /*Fin de la definicion general de la pagina*/

Este seria el codigo de la pagina maestra (como bien he comentado antes, solo se me descolocan las css si utilizo paginas maestras Site1.master, si hago una pagina aspx, normal, sin heredar ninguna plantilla no me da ningun problema. Tambien añadir que si abro la vista diseño en el visual studio, todo se ve perfectamente, el problema es al ejecutar y visualizarlo en el navegador.
Bueno el codigo de la pagina maestra es la siguiente.

Código ASP:
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.     <head runat="server">
  3.         <title></title>
  4.         <link href="~/Estilos/estilo.css" rel="stylesheet" type="text/css" />
  5.         <asp:ContentPlaceHolder ID="HeadContent" runat="server">
  6.         </asp:ContentPlaceHolder>
  7.     </head>
  8.     <body>
  9.         <div class="pagina">
  10.             <form id="formulario1" runat="server">
  11.                 <div class="cabecera">
  12.                      <h3>Cabecera</h3>
  13.                 </div>
  14.                 <div class="menu_superior">
  15.                     <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
  16.                         <Items>
  17.                             <asp:MenuItem NavigateUrl="~/PagesPrincipal/Inicio.aspx" Text="Inicio"/>
  18.                             <asp:MenuItem NavigateUrl="~/PagesPrincipal/Registro.aspx" Text="Nuevo usuario"/>
  19.                         </Items>
  20.                     </asp:Menu>
  21.                 </div>
  22.                 <div class="cuerpo">
  23.                     <div class="contenido">
  24.                         <asp:ContentPlaceHolder ID="MainContent" runat="server">
  25.                         </asp:ContentPlaceHolder>
  26.                     </div>
  27.                     <div class="menu_lateral">
  28.                         <h3>M_lateral</h3>
  29.                     </div>
  30.                 </div>
  31.                 <div class="pie">
  32.                     <h3>Pie</h3>
  33.                 </div>
  34.             </form>
  35.         </div>
  36.     </body>
  37. </html>

Y por ejemplo el codigo de la pagina de registro que hereda de esta pagina maestra seria el siguiente.
Código ASP:
Ver original
  1. <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
  2.     <table>
  3.         <tr>
  4.             <td><asp:Label ID="etiquetanombre" runat="server" AssociatedControlID="nombre">Nombre</asp:Label></td>
  5.             <td><asp:TextBox ID="nombre" runat="server"></asp:TextBox></td>
  6.             <td><asp:RequiredFieldValidator id="validarnombre" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su nombre" ControlToValidate="nombre" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  7.         </tr>
  8.            
  9.         <tr>
  10.             <td><asp:Label ID="etiquetaapellidos" runat="server" AssociatedControlID="apellidos">Apellidos</asp:Label></td>
  11.             <td><asp:TextBox ID="apellidos" runat="server"></asp:TextBox></td>
  12.             <td><asp:RequiredFieldValidator id="validarapellidos" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca sus apellidos" ControlToValidate="apellidos" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  13.         </tr>
  14.  
  15.         <tr>
  16.             <td><asp:Label ID="etiquetadireccion" runat="server" AssociatedControlID="direccion">Dirección</asp:Label></td>
  17.             <td><asp:TextBox ID="direccion" runat="server"></asp:TextBox></td>
  18.             <td><asp:RequiredFieldValidator id="validardireccion" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su direccion" ControlToValidate="direccion" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  19.         </tr>
  20.  
  21.         <tr>
  22.             <td><asp:Label ID="etiquetapoblacion" runat="server" AssociatedControlID="poblacion">Población</asp:Label></td>
  23.             <td><asp:TextBox ID="poblacion" runat="server"></asp:TextBox></td>
  24.             <td><asp:RequiredFieldValidator id="validarpoblacion" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su poblacion" ControlToValidate="poblacion" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  25.         </tr>
  26.  
  27.         <tr>
  28.             <td><asp:Label ID="etiquetaprovincia" runat="server" AssociatedControlID="provincia">Provincia</asp:Label></td>
  29.             <td><asp:TextBox ID="provincia" runat="server"></asp:TextBox></td>
  30.             <td><asp:RequiredFieldValidator id="validarprovincia" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su provincia" ControlToValidate="provincia" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  31.         </tr>
  32.  
  33.         <tr>
  34.             <td><asp:Label ID="etiquetapostal" runat="server" AssociatedControlID="codigopostal">Código postal</asp:Label></td>
  35.             <td><asp:TextBox ID="codigopostal" runat="server"></asp:TextBox></td>
  36.             <td><asp:RequiredFieldValidator id="validarcodigo" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su codigo postal" ControlToValidate="codigopostal" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  37.         </tr>
  38.  
  39.         <tr>
  40.             <td><asp:Label ID="etiqueta" runat="server" AssociatedControlID="telefono">Telefono contacto</asp:Label></td>
  41.             <td><asp:TextBox ID="telefono" runat="server"></asp:TextBox></td>
  42.             <td><asp:RequiredFieldValidator id="validartelefono" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su telefono" ControlToValidate="telefono" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  43.         </tr>
  44.  
  45.         <tr>
  46.             <td><asp:Label ID="etiquetacorreo" runat="server" AssociatedControlID="correo">Correo</asp:Label></td>
  47.             <td><asp:TextBox ID="correo" runat="server"></asp:TextBox></td>
  48.             <td><asp:RequiredFieldValidator id="validarcorreo" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca su correo electronico" ControlToValidate="correo" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  49.         </tr>
  50.  
  51.         <tr>
  52.             <td><asp:Label ID="etiquetacontraseña" runat="server" AssociatedControlID="contraseña">Contraseña</asp:Label></td>
  53.             <td><asp:TextBox ID="contraseña" runat="server" TextMode="Password"></asp:TextBox></td>
  54.             <td><asp:RequiredFieldValidator id="validarcontraseña" runat="server" CssClass="notificacionerror" ErrorMessage="Introduzca una contraseña" ControlToValidate="contraseña" ValidationGroup="grupovalidacion"></asp:RequiredFieldValidator></td>
  55.         </tr>
  56.         <tr>
  57.             <td colspan="3"><asp:Button ID="registrar" runat="server" Text="Aceptar" ValidationGroup="grupovalidacion"/></td>
  58.         </tr>
  59.     </table>
  60. </asp:Content>

Espero que alguien me pueda ayudar, estoy algo desesperado ya y no encuentro ninguna solucion por mas que lo intento.

Muchas gracias por adelantado.
Un saludo
Pinty
  #5 (permalink)  
Antiguo 28/08/2011, 06:54
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 15 años, 1 mes
Puntos: 14
Respuesta: Al ejecutar no me respeta las css

Hola a todos. Bueno se que el tema ya es de hace tiempo, pero despues de retomar el proyecto q habia dejado un poco de lado pues encontre la solucion. Nose si tiene mucha lógica lo que voy a decir pero solo se que era ese el problema.
Si os fijais en el codigo que tengo puesto justo encima, creo un formulario dentro de un div de la sigueinte manera
Código ASP:
Ver original
  1. <body>
  2.         <div class="pagina">
  3.             <form id="formulario1" runat="server">
  4.                 <div class="cabecera">
  5.                      <h3>Cabecera</h3>
  6.                 </div>

Pues el problema era justo ese, la solución fue crear el formulario por fuera de todos los diva de de la siguiente manera.

Código ASP:
Ver original
  1. <body>
  2.             <form id="formulario1" runat="server">
  3.                     <div class="pagina">                
  4.                             <div class="cabecera">
  5.                      <h3>Cabecera</h3>
  6.                 </div>

Espero haber ayudado a alguien con el mismo problema.

Un saludo
Pinty

Etiquetas: tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:40.