Layout da pagina aspx
Segue galera, estou tentando criar uma master page baseado em um template que achei na internet mesmo pra agilizar um pouco na parte dos códigos
porem esta acontecendo o seguinte, na minha pagina executando ela em html e css normal ela fica normal, tranquilo sem alterações, porem quando eu coloco o código da pagina para criar uma master page o layout cria tipo uma margem no topo de uns 50px mais ou menos, é oq parece, e também na direita, eu tentei de diversas formas alterar as margens, tamanho do body, wrapper, enfim tentei de diversas formas porem não acontece nenhuma alteração e creio eu que seja alguma propriedade no asp, alguém poderia me auxiliar ? tenho um print e caso seja necessário posso zipar o projeto e colocar aqui....
vou colocar aqui o codigo da master page que aparentemente é oq mais importa.
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebAppHD.SiteMaster" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%: Page.Title %> - My ASP.NET Application</title>
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:BundleReference runat="server" Path="~/Content/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- BOOTSTRAP STYLES-->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONTAWESOME STYLES-->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- CUSTOM STYLES-->
<link href="assets/css/custom.css" rel="stylesheet" />
<!-- GOOGLE FONTS-->
<link href='[http://fonts.googleapis.com/css?family=Open+Sans'](http://fonts.googleapis.com/css?family=Open+Sans) rel='stylesheet' type='text/css' />
</head>
<body>
<form runat="server">
<asp:ScriptManager runat="server">
<Scripts>
<%--To learn more about bundling scripts in ScriptManager see [http://go.microsoft.com/fwlink/?LinkID=301884](http://go.microsoft.com/fwlink/?LinkID=301884) --%>
<%--Framework Scripts--%>
<asp:ScriptReference Name="MsAjaxBundle" />
<asp:ScriptReference Name="jquery" />
<asp:ScriptReference Name="bootstrap" />
<asp:ScriptReference Name="respond" />
<asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
<asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
<asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
<asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
<asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
<asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
<asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
<asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
<asp:ScriptReference Name="WebFormsBundle" />
<%--Site Scripts--%>
</Scripts>
</asp:ScriptManager>
<div id="wrapper">
<nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Binary admin</a>
</div>
<div style="color: white; padding: 15px 50px 5px 50px; float: right; font-size: 16px;">
Last access : 30 May 2014 <a href="login.html" class="btn btn-danger square-btn-adjust">Logout</a>
</div>
</nav>
<!-- /. NAV TOP -->
<nav class="navbar-default navbar-side" role="navigation">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li class="text-center">
<img src="assets/img/find_user.png" class="user-image img-responsive" />
</li>
<li>
<a class="active-menu" href="index.html"><i class="fa fa-dashboard fa-3x"></i>Dashboard</a>
</li>
<li>
<a href="ui.html"><i class="fa fa-desktop fa-3x"></i>UI Elements</a>
</li>
<li>
<a href="tab-panel.html"><i class="fa fa-qrcode fa-3x"></i>Tabs & Panels</a>
</li>
<li>
<a href="chart.html"><i class="fa fa-bar-chart-o fa-3x"></i>Morris Charts</a>
</li>
<li>
<a href="table.html"><i class="fa fa-table fa-3x"></i>Table Examples</a>
</li>
<li>
<a href="form.html"><i class="fa fa-edit fa-3x"></i>Forms </a>
</li>
<li>
<a href="login.html"><i class="fa fa-bolt fa-3x"></i>Login</a>
</li>
<li>
<a href="registeration.html"><i class="fa fa-laptop fa-3x"></i>Registeration</a>
</li>
<li>
<a href="#"><i class="fa fa-sitemap fa-3x"></i>Multi-Level Dropdown<span class="fa arrow"></span></a>
<ul class="nav nav-second-level">
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link</a>
</li>
<li>
<a href="#">Second Level Link<span class="fa arrow"></span></a>
<ul class="nav nav-third-level">
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
<li>
<a href="#">Third Level Link</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="blank.html"><i class="fa fa-square-o fa-3x"></i>Blank Page</a>
</li>
</ul>
</div>
</nav>
<!-- /. NAV SIDE -->
<div id="page-wrapper">
<div id="page-inner">
<div class="row">
<div class="col-md-12">
<div class="container body-content">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
<!-- /. ROW -->
<hr />
</div>
<!-- /. PAGE INNER -->
</div>
<!-- /. PAGE WRAPPER -->
</div>
<!-- /. WRAPPER -->
<!-- <div class="container body-content">
<footer>
<p>© <%: DateTime.Now.Year %> - My ASP.NET Application</p>
</footer> -->
<!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
<!-- JQUERY SCRIPTS -->
<script src="assets/js/jquery-1.10.2.js"></script>
<!-- BOOTSTRAP SCRIPTS -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- METISMENU SCRIPTS -->
<script src="assets/js/jquery.metisMenu.js"></script>
<!-- CUSTOM SCRIPTS -->
<%-- <script src="assets/js/custom.js"></script>--%>
</form>
</body>
</html>Discussão (0)
Carregando comentários...