Petit problème de CSS

[[email protected]]

Bonjour,

 

   Une question très bête mais j'ai créé 3 columns pour ma page "product.tpl" (left , center et right) néanmoins même si je règle leurs tailles la colonne de droite ce déporte toujours en bas :

 

 https://portemetal.pswebshop.com/fr/gamme-premier/4-firestop-standard.html

 

Cause : probablement trop de code pour la page Center ? Avez-vous 1 petite minute pour regarder ? ^^

Merci 

 

 

Cordialement

[Mediacom87]

Bonjour,

 

pour votre soucis je vous renvoie vers la documentation bootstrap expliquant le fonctionnement du système de grille http://getbootstrap.com/css/#grid

 

car vous avez un élément row qui prend donc toute la largeur et passe donc l'élément suivant à la ligne.

<div itemscope="" itemtype="http://schema.org/Product">
<div class="primary_block row">
<div class="pb-right-column col-xs-12 col-sm-4 col-md-3">
<div class="content_prices clearfix">
</div>
<div class="col-xs-12">
</div>

[Guillaume Freelance]

Salut,

 

Ton div pb-right-column est en dehors de ton div primary_block.

 

Du coup le bloc apparait sur la ligne d'après, et pas sur la même ligne.

[[email protected]]

Effectivement cela venait de <div class="primary_block row"> !

Merci beaucoup et bonne journée ! 

[Guillaume Freelance]

Avec plaisir, bon début de semaine !