[css] impossible de contraindre un bloc à se Fermé

Question

Salut...

dans mon site web, je fais une colonne avec un petit menu de navigation, à droite.
j'aimerai ensuite avoir la partie centrale de la page. 
puis une autre colonne à gauche avec des menus divers.

le problème :

> impossible de faire en sorte que le bloc de la partie central reste pris en sandwich entre les deux colonnes de droite et gauche !
Soit ça se chevauche un moment ou un autre, soit il y a un espace trop grand entre ce bloc du milieu et la colonne de droite.

Je suis perdu... ça fait deux jours que j'essaye de jouer avec tous les paramètres possibles en largeur et avec les marges : je n'y arrive pas !

Si un âme charitable sait comment gérer ce problème ce serait vraiment chouette !

Merci.

Robin des boitiers · Answer

Bonjour  

Je suis pas specialiste mais je realise des sites graces a web creator ca a peut etre quelque chose a voir, car avec cette interface il faut centrer la page du site ou bien l'etendre si on ne veut pas avoir ce genre de soucis. 

Fichier/proprietes  

A toutes fins utiles, comme je vous dis je ne suis pas spec d'ou ce logiciel. 

Cordialement

Robin des boitiers · Answer

Ca m'effraie beaucoup de me lancer dans le codage, ca me semble un emploi à plein temps.

Il existe des logiciels extra comme celui que j'ai cité pour les douillets de la programmation comme moi, sous forme d'interface graphique.

Je ne sais pas si j'en ferai beaucoup plus parceque je pense que toutes les commandes sont rassemblées dans cette interface, et j'en profite pour demander si il y a vraiment un grand interet à apprendre  le language html, si par exemple je pourrai ameliorer significativement l'aspect ou la fonctionnalite d'un site ? 

Cordialement.

Swiss Knight · Answer

Pour moi il y a de l'intérêt partout. J'ai donné pour les logiciel qui généraient du code ; tôt ou tard je suis tombé sur un truc que je pigeais pas, qui n'allait pas comme je voulais, alors j'ai mis les mains dans le cambouis et ça a fixé le truc.

bref.

Je cherche toujours, parfois je m'approche de quelque chose, d'autres fois pas du tout....
ça m'a l'air insoluble comme truc ça m'énerve.

AssassinTourist · Answer

Bonjour,
Passe la largeur de tes blocs en pourcentage.

Swiss Knight · Answer

Salut / bonsoir !!

C'est ce que j'essaie de faire mais c'est un peu le serpent qui se mord la queue cette histoire...

Et puis je ne comprends pas très bien ; si je mets width: 60%; ...
c'est 60% de quoi ? par rapport à quoi ? 
Si j'ai un bloc A dans un bloc B et que le bloc B est indiqué à 90% ... si le bloc A est à 50% ça fait 45% de la largeur totale ? 50% ?
c'est un peu bizarre le comportement... j'ai encore pas tout compris.
De plus, si je réduis la taille de la fenêtre de navigation en largeur, j'ai au bout d'un moment des blocs qui passent sur ou sous les autres.
Et je ne sais pas pourquoi, certains s'arrêtent de diminuer de taille au bout d'un moment et leur largeur fixe à partir de ce moment, n'est quasiment jamais celle indiquée par min-width en pixels :-S

De plus, en regardant un peu les sites qui me passent sous la main : aucun n'a trois colonnes... bizarrement. :/

Swiss Knight · Answer

Bonsoir...

Ok, alors avec quelques essais, on peut arriver à quelque chose...


Mais alors trèèès gros bémol : les padding et margin s'ajoutent à la taille des blocs !!!

C'est hyper con ça !
Si on a nos pourcentages tout bien calculés, on rajoute 1px de padding ici, et paf, le dernier bloc saute de ligne si on raccourci trop la page en largeur...

:/

Deuxième truc qui va pas ; je suis obligé de passer le conteneur en text-align: center; si je veux que ce soit homogène :
impossible d'avoir la première colonne toujours alignée à gauche, et la troisième toujours alignée à droite du conteneur, et celle du milieu qui s'adapterait pour remplir l'espace.....

L'idéal serait de pouvoir faire des calculs...
Genre : largeur de la colonne du milieu = 100% - (largeur de 1ère colonne (en %) 
+ largeur de troisième colonne (en %))

Est-ce possible ?

TimTim · Answer

Est-ce que par hasard ça serait pas une histoire de blocks à mettre en ligne ?
Je suis loin d'être doué niveau CSS mais en codant mon portfolio, j'étais sensé avoir un menu de navigation à droite et le contenu à gauche, le tout aligné et centré.
J'ai galéré pendant plusieurs heures à essayer d'aligner sans succès jusqu'à ce que je m'aperçoive qu'il fallait donner la propriété block en ligne à mon contenu et a mon nav...

display: inline-block;

Je sais pas si ça résoudra ton problème, mais au moins j'aurais tenté ^^

Swiss Knight · Answer

Salut,

je travaille avec des inline-block justement...
et je ne pense pas que le problème existe avec que deux colonnes, mais avec trois, c'est le bord*l, y a toujours un truc qui va pas.

txiki · Answer

Salut à tous, ben je découvre une propriété que je ne connaissais pas ! Voici un lien interressant peut-etre: http://jeremie.patonnier.net/post/2010/01/28/La-propri%C3%A9t%C3%A9-CSS-display-inline-block


Le bonheur est la seule chose que l'on peut donner sans l'avoir.

tryan44 · Answer

Mieux qu'un long discours https://www.alsacreations.com/tuto/lire/588-trois-colonnes-float.html

[css] impossible de contraindre un bloc à se

10 réponses

Discussions similaires