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

**Dartounet** · 14/01/2014, 08h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**katkiller** · 14/01/2014, 09h32

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

**Dartounet** · 14/01/2014, 09h44

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> ... :/

**Joel Pinto Ribeiro** · 14/01/2014, 20h17

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

**Dartounet** · 15/01/2014, 10h51

celui-ci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

**Joel Pinto Ribeiro** · 15/01/2014, 11h27

Envoyé par Dartounet

celui-ci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Dartounet** · 15/01/2014, 12h13

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

Merci ^^'

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

ASP.NET

Discussions similaires

Partager

Partager