Discussion :

[Thunderburst]

Bonjour à tous,

Je suis confronté à un (petit) problème. Je m'explique :

Je réalise un site web pour une entreprise et entre autres, je réalise une barre de menu latérale.
Cette dernière est donc un bloc, dans laquelle sont contenus 3 autres blocs qui constituent mes 3 liens pour la redirection vers les autres pages.

Mon problème : j'aimerais que mes 3 blocs soient de taille égale, et de façon à remplir entièrement le bloc parent.

J'ai joué avec les longueur en px mais évidemment c'était trop beau pour que les tailles soient identiques
Et le pourcentage ne m'aide pas plus ( 33,333333...% )

Quelqu'un aurait la solution de ce problème, ou saurait-t'il si elle existe ?

Merci pour vos réponses !

[raydenprod]

tu enlèves la width de ta div global et tu mets la même taille à tes liens

[Thunderburst]

Je n'ai pas mis de width à ma div globale (elle fait ainsi la largeur de la page).
Du coup mes 3 blocs ne font que la taille du texte à l'interieur

[Thunderburst]

Je me suis peut être mal expliqué...
Mes 3 blocs sont des inline-block, donc ils sont les uns à côté des autres dans ma div globale.

[raydenprod]

pourquoi ne pas mettre un padding de 2px à ta div global et faire trois div de 32% ?

[Thunderburst]

Ma foi, c'est une bonne idée !
J'étais tellement concentré sur mon problème que n'y avais pas pensé...

Je te remercie

[NoSmoking]

Bonjour,

pourquoi ne pas mettre un padding de 2px à ta div global et faire trois div de 32% ?

je dois admettre que la logique m'échappe

(3 * 32%) +(2 * 2px) ?= 100%

Mes 3 blocs sont des inline-block

Il te faut donc tenir compte des whiteSpace.