Bonjour,

J'ai un extranet dont la définition est faite pour une certaine résolution d'écran.

J'ai une administration qui veut utiliser cet extranet mais leur résolution est différente (moins fine). Du coup les label et champ input se chevauchent.

Mon code html simplifié

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<label >Opération </label>
<input type="text" name="operation_nom" id="operation_nom" size="40" />
Mon code CSS correspondant

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
label{
	float: left;
	width: 31%;
	text-align: right;
	margin-right: 0.5em;
	padding: 0.5em 0 0;
	line-height: 6px;
}
input
{
	border: 1px solid #40411E;
        font-weight: normal;
	margin-left: 0.5em;
}
Dois-je rechercher en javascript la résolution de l'écran sur lequel l'extranet est utilisé et ensuite avoir autant de CSS que de définition ou y a-t-il plus simple ?

Merci de votre aide