Css non détécté à cause de la génération d'id par ASP.net

Version imprimable

Bonjour,

Dans ma Page Maitre mon css n'est pas detecté car l'ASP.NET modifie mes id en générant des "ctl00_MonId" chose que je ne comprend pas car ça ne me le faisait pas sur un précédent projet.

Voici le code de ma page Maitre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="PageMaitre.master.vb" Inherits="LOSCOM.PageMaitre" %>
 
<!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 id="Head1" runat="server" >
    <title ID="WintowTitle" runat="server">Logistique Suivi Commercial</title>
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
    <%--<link href="App_Themes/Standard/Site.css" rel="stylesheet" type="text/css" />
    <link href="App_Themes/Standard/Menu.MetroCustom.css" rel="stylesheet" type="text/css" />--%>
    <link href="App_Themes/Standard/Menu.MetroCustom.css" rel="stylesheet" type="text/css" />
    <link href="App_Themes/Standard/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="CPH_HTML_HEAD" runat="server" ClientIDMode = "Static">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="Form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
 
    <div id="Header" visible="true" runat="server" ClientIDMode = "Static">
    <div id="droiteh">
            <asp:Label ID="lbl_TitrePage" runat="server" Text="Logistique Suivi Commercial" meta:resourcekey="lbl_Titre"></asp:Label>
            &nbsp;
    </div>
    <div id="gaucheh">
            &nbsp;<asp:Image ID="Image1" runat="server" ImageUrl="~/Gen_Images/logo.png" />
    </div>
    </div>  
 
    <asp:ContentPlaceHolder ID="CPH_Menu" runat="server" ClientIDMode = "Static">
            </asp:ContentPlaceHolder>
 
    <div id="Menu" visible="true" runat="server">
 
            <telerik:RadMenu ID="RadMenu1" runat="server" CssClass="RadMenu_Menu" ClickToOpen="True"
                ExpandAnimation-Type="OutQuart" DefaultGroupSettings-RepeatDirection="Vertical">
            </telerik:RadMenu> 
 
    </div>
 
 
    <div id="Corps" visible="true" runat="server">
 
            <asp:ContentPlaceHolder ID="CPH_Page" runat="server" ClientIDMode = "Static" > </asp:ContentPlaceHolder>   
            <br />
            <br />
 
    </div>
    <asp:ContentPlaceHolder ID="CPH_Footer" runat="server"  ClientIDMode = "Static">
    </asp:ContentPlaceHolder>
 
    <div id="Footer" visible="true" runat="server">
        <div id="droitef">
            <asp:Label ID="lbl_UserInfo" runat="server" Text=""></asp:Label>
            &nbsp;
        </div>
        <div id="gauchef">
            <asp:Label ID="Lbl_IDApplication" runat="server" Text=""></asp:Label>
        </div>
    </div>
 
    </form>
</body>
</html>

Votre aide est la bienvenue :)

Merci d'avance,
Dartounet

14/01/2014, 10h32
katkiller

Salut,

Asp.net modifie le nom de tes id mais depuis le framework 4, nous pouvons empêcher la génération des id avec ClientIdMode.

Voici un lien : ClientIdMode
14/01/2014, 10h44
Dartounet

C'est bien ce que j'avais trouvé aussi merci :)

Mais le soucis est que mon <div id='Corps'> ... </div> ne se trouve pas dans une balise <asp> ... :/
14/01/2014, 21h17
Joel Pinto Ribeiro

C'est quoi le code css qui ne s'applique pas?

celui-ci:

Code:

1
2
3
4
5
6
7
<div id="Corps" visible="true" runat="server">
 
            <asp:ContentPlaceHolder ID="CPH_Page" runat="server" ClientIDMode = "Static" > </asp:ContentPlaceHolder>   
            <br />
            <br />
 
    </div>

Et son css:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
#Corps
{
    position: absolute;
    text-align: justify;
    margin-left: 3%;
    margin-top: 4.5%;
    font-size: 12px;
    color: #666666;
    width: 1300px;
}

Citation:
Envoyé par Dartounet
celui-ci:
Code:

1 2 3 4 5 6 7 <div id="Corps" visible="true" runat="server"> <asp:ContentPlaceHolder ID="CPH_Page" runat="server" ClientIDMode = "Static" > </asp:ContentPlaceHolder> <br /> <br /> </div>
Et son css:
Code:

1 2 3 4 5 6 7 8 9 10 11 #Corps { position: absolute; text-align: justify; margin-left: 3%; margin-top: 4.5%; font-size: 12px; color: #666666; width: 1300px; }
ça devrait marcher de cette manière.

T'es sur que l'id de la division est changée? Quand tu regardes le rendu html final tu vois qu'il est changé?

D'ailleurs si tu n'en pas à pas besoin je te conseillerais d'enlever le runat="server" sur la div.

15/01/2014, 13h13
Dartounet

En changeant de projet, ça marche ... Bon je comprend pas.

Merci ^^'