Discussion :

[Tendhor57]

Bonjour,

Je souhaitais juste savoir si le positionnement en % en css et fiable ou pas.
Bien sûr je m'explique concernant cette question de fiabilité.

En faite, actuellement, je suis entrain de réaliser un projet web pour le travail est destiné à un gros client.

Hors il a été décidé que ce projet ce constitut d'une <div> plein écran contenant d'autre div qui elles aussi ont des tailles définis en % comme ceci:

Code CSS :

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
 
#divprincipal{
height:100%;
width:100%;
}
 
#div_de_gauche{
height:100%;
width:80%;
left:0%;
}
 
#div_de_droite{
height:100%;
width:20%;
left:80%;
}

Comme vous pouvez le voir dans cette exemple les largeurs, hauteurs et positionnement sont régie par des % en css.

Cela vient du fait que le client utilise le projet dans des écran de taille différentes.

Hors ce que je ne souhaite surtout pas, c'est de voir des pixels blanc par exemple à cause d'un décalage du fait du positionnement de mes <div>.

d'ou ma question le positionnement en css avec des % est t'il assez fiable pour ne pas générer des pixel de décalage ?

Ou bien il est préférable de passer par du javascript ou Jquerry pour positionner mes éléments ?

Merci d'avance pour cette éclairement.

[rodolphebrd]

Bonjour,

Il y aurait plusieurs réponses à votre question.

On peut réaliser parfaitement un site fluide extensible et adaptatif selon les supports en pur CSS.

Tout dépendra de votre code car en l'état c'est peu.

Peut-être qu'une page en ligne ou un complément de code pourrait mieux cibler votre problème?

[nicosmash]

Bonjour,

J'utilise le plus souvent possible des % je trouve ça plus précis.

Simple exemple j'ai réalisé un menu avec six champs et donc 100/6 = 16.6666667

Le décimal est bien prit en compte mais je ne connais pas le nombre de décimal ...

Voici un exemple : Sample

[Tendhor57]

Merci pour vos réponses.

j'attendais juste de savoir si cela vallait le coup de tout faire en % avec css. Car je suis seulement entrain de mettre les éléments en place en css.

Donc je voulais juste savoir si c'était une bonne méthode ou pas.

Question répondu donc sujet résolu

[rodolphebrd]

@nicosmash: je ne pense pas que ce soit la meilleure utilisation des pourcentages, dans votre exemple, car il semblerait que la question initiale concerne plutôt le design fluide, à moins que je me trompe.

J'imaginerais une solution comme celle-ci en privilégiant l'utilisation de classes réutilisables, au besoin:

Code html :

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

1
2
3
4
<div id="divprincipal">
    <div class="div_de_gauche"></div>
    <div class="div_de_droite"></div>
</div>

Code css :

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
*{
   margin:0;
   padding:0;
}
html, body{
   height:100%;
}
#divprincipal{
   height:100%;
   min-height:100%;
}
 
.div_de_gauche{
   min-height:100%;
   width:80%;
   background:silver;
}
 
.div_de_droite{
   height:100%;
   width:20%;
   background:blue;
}
.div_de_gauche, .div_de_droite{
   float:left;
}

http://codepen.io/seraphzz/pen/ycCsB

[Tendhor57]

Disons que tout ce que je souhaitais savoir c'est si cela vallait le coup de tout positionne ren css avec les % pour avoir un bon rendu et fluidité du projet et donc en recoupant tout vos réponses j'en conclu donc que cela vaut bien le coup

Donc merci pour toutes vos réponses, je sais ou allez maintenant