Je galère avec un problème depuis deux jours, pourriez vous m'aidez :

J'ai une page asp qui m'affiche une carte google map (javascript/http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false)

mais j'ai trois probleme :

1- la map ne s'affiche pas sur un internet explorer

2-je n'arrive pas a regler mes css de telle facon a avoir ce que je veux coté affichage

parce que quand je modifie la resolution mes div se perdent

Je veux que ma div (class action) et celle gmap_canvas soit collés du coté inferiur en bas et a droit et meme si je change la resolution elles restent collées


voila mes div sur ma page asp :

Code html : 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
 
 
<div id="container" class="container">
 
 
 
                    <form id="searchStation" method="post" runat="server">
 
                    <div class="actions">
 
                        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" EnablePartialRendering="true" />
 
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 
                            <ContentTemplate>
 
                                <div class="panel">
 
                                    <label for="gmap_where">
 
                                        Station de service :</label>
 
                                    <asp:DropDownList ID="ddlAdr" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlAdr_SelectedIndexChanged">
 
                                    </asp:DropDownList>
 
                                </div>
 
                                <asp:HiddenField ID="hidTest" runat="server" />
 
                                <div class="panel">
 
                                    <asp:Button ID="btnLocaliser" Text="Localiser" runat="server" CssClass="button" OnClick="btnLocaliser_Click" />
 
                                    <asp:Button ID="BtnStations" Text="All Stations" runat="server" CssClass="button" />
 
                                    <asp:Button ID="btnImg" CssClass="button" Text="To Image" runat="server" />
 
                                    <asp:Button ID="btnInit" CssClass="button" Text="Initialiser" runat="server" />
 
                                    <asp:Button ID="btnClear" Text="Clear all" runat="server" CssClass="button" />
 
                                </div>
 
                            </ContentTemplate>
 
                        </asp:UpdatePanel>
 
                        <input type="hidden" id="lat" name="lat" value="34.2500000" />
 
                        <input type="hidden" id="lng" name="lng" value="-6.5833330" />
 
                    </div>
 
                    <div>
 
                        <asp:UpdatePanel ID="UpdatePane2" runat="server">
 
                            <ContentTemplate>
 
                                <asp:HiddenField ID="Button1" runat="server" />
 
                                <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="cancel"
 
                                    DropShadow="true" TargetControlID="Button1" PopupControlID="Panel1" PopupDragHandleControlID="Panel1"
 
                                    Drag="true" BackgroundCssClass="ModalPopupBG">
 
                                </asp:ModalPopupExtender>
 
                                <asp:Panel ID="Panel1" Style="display: none" runat="server">
 
                                    <div class="HellowWorldPopup">
 
                                        <br />
 
                                        <div class="PopupHeader" id="PopupHeader" style="text-align: center">
 
                                            <b>Saisissez les champs d'une station :</b></div>
 
                                        <div id="quote">
 
                                            <div class="quote">
 
                                                <p>
 
                                                    <label>
 
                                                        Nom station :
 
                                                    </label>
 
                                                </p>
 
                                                                </div>
 
                                        </div>
 
                                        <br />
 
                                        <div style="text-align: center">
 
                                            <p>
 
                                                <asp:Button ID="go" Text="Enregistrer" runat="server" CssClass="submit" OnClick="go_Click" />
 
                                                <asp:Button ID="cancel" Text="Annuler" runat="server" CssClass="submit" />
 
                                            </p>
 
                                        </div>
 
                                    </div>
 
                                </asp:Panel>
 
                            </ContentTemplate>
 
                        </asp:UpdatePanel>
 
                           </div>
 
                    </form>
 
 
 
                <div id="gmap_canvas">
 
                </div>
 
            </div>



voila mes css :

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
 
#gmap_canvas {
 
    height: 700px;
 
    position: relative;
 
    width: 100%;
 
           margin-bottom : 60px
 
}
 
.actions {
 
    background-color: #FFFFFF;
 
    bottom: 60px;
 
    padding: 10px;
 
    position: absolute;
 
    right: 200px;
 
    z-index: 2;
 
 
 
    border-top: 1px solid #abbbcc;
 
    border-left: 1px solid #a7b6c7;
 
    border-bottom: 1px solid #a1afbf;
 
    border-right: 1px solid #a7b6c7;
 
         -webkit-border-radius: 12px;
 
    -moz-border-radius: 12px;
 
}
 
.panel {
 
    background-color: White;
 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7e5f5), color-stop(100%, #cbe0f5));
 
    background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);
 
    background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);
 
    background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);
 
    background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5);
 
    background-image: linear-gradient(top, #d7e5f5, #cbe0f5);
 
    border-top: 1px solid #abbbcc;
 
    border-left: 1px solid #a7b6c7;
 
    border-bottom: 1px solid #a1afbf;
 
          border-right: 1px solid #a7b6c7;
 
    -webkit-border-radius: 12px;
 
    -moz-border-radius: 12px;
 
    -webkit-box-shadow: inset 0 1px 0 0 white;
 
    -moz-box-shadow: inset 0 1px 0 0 white;
 
    color: #1a3e66;
 
    margin-bottom: 3px;
 
    padding: 6px 0 7px 0;
 
    text-align: center;
 
    width: 150px;
 
}
 
 
 
/* main styles */
 
.container {
 
    height: 700px;
 
      margin: 20px auto;
 
    position: relative;
 
    width: 98%;
 
}