Inquiridor
Posicionamento de DIV

Pergunta
-
Olá, eu estyo tendo problemas para pocisionar os divs usando float... a estrutura é um DIV no topo pegando a linha toda, um div no canto esquerdo com 130 px, para o menu, um div que pegue o resto da "linha" para o conteúdo, e embaixo um div para o rodapé, onde mora o problema, pois o conteúdo do div do menu passa por cima do rodapé... vou postar o código
Adoro ASP.net- Editado Paulo Henrique da Silva Fernande sexta-feira, 27 de fevereiro de 2009 14:54 o código ficou estranho
sexta-feira, 27 de fevereiro de 2009 14:42
Todas as Respostas
-
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Default.master.vb" Inherits="SysEstoque._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="contentHead" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div class="TopDiv">
Título</div>
<div class="LeftDiv">
<asp:Menu ID="leftMenu" runat="server">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
</Items>
</asp:Menu>
</div>
<div class="MainDiv">
<asp:ContentPlaceHolder ID="contentBody" runat="server" />
</div>
<div class="BottomDiv">
Banner inferior</div>
</form>
</body>
</html>.TopDiv
{
border: solid 1px #000000;
display: block
}
.LeftDiv
{
width: 70px;
display: block;
float: left;
}
.MainDiv
{
display: block;
}
.BottomDiv
{
border: solid 1px #000000;
}
Adoro ASP.netsexta-feira, 27 de fevereiro de 2009 14:43 -
Paulo .....
faz o seguinte....
tente fazer o layout com o StyleSheet.
e no StyleSheet vc monta todas as div com o tamanho correto....
quando vc for fazer uma coluna, tente fazer o width com porcentagem...
por exemplo..
==============================================================================================
body
{
margin:0px;
padding:0px;
}
#header
{
background-color:#0f0;
width:100%;
height:100px;
}
#leftcolumn
{
background-color:#f00;
float:left;
width:20%;
height:800px;
}
#content
{
background-color:#fff;
float:left;
width:59%;
height:500px;
}
#rightcolumn
{
background-color:#f00;
float:right;
width:20%;
height:800px;
}
#footer
{
background-color:#0f0;
clear:both;
width:100%;
height:100px;
}
================================================================================================
blz....
qqr coisa e so falar...
abraços.
domingo, 8 de março de 2009 17:23 -
O rapaz, vou tentar aqui agora... muito obrigado!
Adoro ASP.netsegunda-feira, 9 de março de 2009 00:48