Discussion :

[youness78]

Bonjour,

J'ai un div qui en englobe trois et je voudrais pouvoir adapter la disposition de ceux-ci lors d'un redimensionnement de ma page (Responsive). J'ai eu beau retourner mon CSS dans tous les sens, j'ai du mal à obtenir le bon rendu.

Voici le code HTML de ma page :

Code html :

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

1
2
3
4
5
<div id="ssl_warning" class="ssl_warning">
	<asp:Label runat="server" id="ssl_warning_title" Text="<%$ Resources:ResourceEC, AttentionHttps %>" CssClass="ssl_warning_title" />
	<asp:Label runat="server" id="ssl_warning_text" Text="<%$ Resources:ResourceEC, TitreWarningHttps %>" CssClass="ssl_warning_text" />
	<asp:HyperLink runat="server" id="ssl_warning_link" Text="<%$ Resources:ResourceEC, TitreUrlProtocoleHttps %>" CssClass="ssl_warning_link" />
</div>

Et le CSS associé :

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
.ssl_warning{
    position:relative; 
    padding: 7px 7px 7px 14px; 
    background:#FCF8E3; 
    border-bottom: #ddd 1px solid;
}
 
.ssl_warning_title{
    position:absolute; 
    top:14px; 
    left:14px; 
    height: 23px; 
    padding: 6px 0 0 31px; 
    vertical-align: top; 
    background: url(Images/padlock-open.png) no-repeat left center;
    color: #B84E4E; 
    font-weight: bold; 
    font-size: 16px;
}
 
.ssl_warning_text{
    margin: 0 230px 0 125px; 
    font-size:12px;
    color:#333;
}
 
.ssl_warning_link{
    position:absolute; 
    top:14px; 
    right:14px; 
    font-size: 12px;
}

Actuellement le rendu que j'obtiens en plein écran est le suivant :



Alors que je devrais obtenir :



Merci d'avance

PS : Je teste principalement sous IE 11

[NoSmoking]

Bonjour,
ce n'est pas faute de te l'avoir dit (http://www.developpez.net/forums/d14...tp-lieu-https/) mais c'est le CODE HTML généré qui est intéressant pas l'ASP.

Ceci dit il te faut revoir les sélecteurs CSS balise, id et class.

...lors d'un redimensionnement de ma page (Responsive).

pas sûr que dans ce cas le positionnement en absolute soit un bon choix.

[youness78]

Voila

Code html :

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

1
2
3
4
5
6
 
	<div id="ssl_warning" class="ssl_warning">
		<span id="ssl_warning_title" class="ssl_warning_title">Lorem ipsum dolor sit amet.</span>
		<span id="ssl_warning_text" class="ssl_warning_text">Lorem ipsum dolor sit amet.</span>
		<a id="ssl_warning_link" class="ssl_warning_link" href="https://localhost:57239/Login.aspx?ReturnUrl=/Accueil.aspx">Passer en protocole sécurisé (https)</a>
	</div>