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: