Array
(
)

Esilos com ASP .NET 2.0 (Css não funciona em Forms)

Rafdragon
   - 22 nov 2007

Estou desenvolvendo um site em ASP. NET 2.0(com Css) utilizando o Microsoft Visual Studio 2005.

Uso o seguinte CSS:

#Código

/* Objetos XHTML */
*
{
margin:0;
padding:0;
}

body
{
background:#10527B;
margin:0;
text-align:center;
}

/* Layout principal */

.container
{
margin:0;
}

.header
{
background:D6D2C2;
width:800px;
height:150px;
}

.menu
{
background: url(imagens/bgrodape.gif) 0px 0px repeat-x;
height: 45px;
margin: 0;
}

.mainc
{
background:D6D2C2;
margin:0;
position:relative;
clear:both;
}

.sidemenu
{
background:D6D2C2;
width:27¬;
float:left;
}

.conteudo
{
background:D6D2C2;
width: 70¬;
padding: 5px 5px 5px 10px;
float: right;
}

.rodape
{
background:url(imagens/bgrodape.gif) 0 0 repeat-x;
height:45px;
margin:0;
clear:both;
}

/* Layout Form */

#formCadProj
{
background: 959387;
font-weight: bold;
font-size: 20px;
color: green;
}


Configurei o CSS pelo arquivo web.config, atravez do parâmetro styleSheetTheme.

Tenho o seguinte código na minha master page:

#Código
<¬@ Master Language="C" AutoEventWireup="true" CodeFile="Default.master.cs" Inherits="_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>Site</title>
</head>
<body>
<form id="FormMain" runat="server">
<div class="container">
<div class="header">
</div>
<div class="menu">
</div>
<div class="mainc">
<div class="conteudo">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</div>
<div class="sidemenu">
<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" StaticDisplayLevels="3">
</asp:Menu>
</div>

</div>
<div class="rodape">
</div>
</div>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</form>
</body>
</html>


Quando eu executo a página e clico em um link no meu menu, o browser me abre a página com o seguinte código:

Cadastro:

#Código
<¬@ Page Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="Cadastro.aspx.cs" Inherits="Cadastro" Title="Untitled Page" ¬>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<form id="formCadProj">
AQUI FICA O ITENS DO MEU FORMULÁRIO
</form>
</asp:Content>


O problema é que quando executo a página de Cadastro, o browser(IE) não mostra a página formatada de acordo com o Css que eu defini. Quando eu aplico o Css em cima do ´FORM´, o CSS não funciona, porém, se eu crio uma ´DIV´ antes do FORM, ai o CSS funciona.
Por exemplo:

#Código
<¬@ Page Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="Cadastro.aspx.cs" Inherits="Cadastro" Title="Untitled Page" ¬>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="formCadProj">
<form id="formCadProj">
AQUI FICA O ITENS DO MEU FORMULÁRIO
</form>
</div>
</asp:Content>

(Dessa forma funciona, mas eu quero que funcione em cima do ID do FORM)

Pergunta: Por que o Css não funciona em cima do ID do FORM?


Rafdragon
   - 27 nov 2007

Pergunta: Por que o Css não funciona em cima do ID do FORM?


Seria porque não dá pra fazer desta forma mesmo??????

:roll: