0

Tengo una pagina Maestra y en ella necesito posicionar una div en la parte superior, escribí un código donde lo hace pero cuando agrego elementos a la paginas enlazadas a esta Master entonces esta capa aparece en la parte inferior

Mi Código en Pagina Master

<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"> 
      <div style="top:0px; left:40%; right:40%; width: 55%; height:15%; margin: 0 auto;"> 
       <div style="float:left;"> 
        <input type="submit" ID="btnInicio" value="INICIO" onclick="RedirectPage('../View/otherpage.aspx')" class="btnEncabexadoMaster" />
       </div>
          <div style="float:left;">
        <input type="submit" ID="btnEmpresa"  value="EMPRESAS" onclick="RedirectPage('../View/otherpage.aspx')"  class="btnEncabexadoMaster"  />
              </div>
          <div style="float:left;">
        <input type="submit" ID="btnServicio" value="SERVICIO"  onclick="RedirectPage('../View/otherpage.aspx')"  class="btnEncabexadoMaster" />
              </div>
          <div style="float:left;">
        <input type="submit" ID="btnValorar" value="VALORAR UN SERVICIO" onclick="RedirectPage('../View/otherpage.aspx')"class="btnEncabexadoMaster"  />
              </div>
          <div style="float:left;">
        <input type="submit" ID="btnContacto" value="CONTACTO" onclick="RedirectPage('../View/otherpage.aspx')" class="btnEncabexadoMaster"  />
              </div>
         <div style="float:right">
        <input type="submit" ID="btnRegistro" value="Registro" onclick="RedirectPage('../View/otherpage.aspx')" class="btnEncabexadoMaster2" />
        </div>
         <div style="float:right;""> 
        <input type="submit" ID="btnIniSesion" value="Inicio Sesion" onclick="RedirectPage('../View/otherpage.aspx')" class="btnEncabexadoMaster2"  />
        </div>
     </div>

Debería verse siempre así...

introducir la descripción de la imagen aquí

2 respuestas 2

2

En vez de utilizar Divs te aconsejo utilizar un ul, y en vez de botones enlaces.

<html>
<head>
    <title>test</title>
</head>
<body>
<ul class="menu">
    <li><a href="../View/otherpage.aspx">INICIO</a></li>
    <li><a href="../View/otherpage.aspx">EMPRESAS</a></li>
    <li><a href="../View/otherpage.aspx">SERVICIO</a></li>
</ul>
<style>
    .menu {
        text-align: center;
        padding: 0;
        margin: 0;
        border: 1px solid #ccc;
    }

    .menu > li {
        display: inline-block;
        width: 100px;
        padding-top: 10px;
        background: #333;
        height: 30px;
    }

    .menu > li:hover {
        background: #444;
    }

    .menu a {
        color: #FFF;
        text-decoration: none;
    }

</style>
</body>
</html>

Resultado: introducir la descripción de la imagen aquí

1

Saca el html de <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"> y elimina el ContentPlaceHolder.

En las páginas enlazadas agrega todo el html dentro de <asp:Content ID="ContentBody" ContentPlaceHolderID="MainContent" runat="server">

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.