28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous !

J'ai un petit soucis sur la base de mon template de ma vue principale de mon application.

Je souhaite avoir une page ayant deux div du côté droit et gauche avec une taille fixe et la div centrale prenant le reste de la largeur. Je travaille avec le framework Foundation, notamment pour avoir une grille responsive etc.

Mes deux divs sur le côté sont collés au bord de la fenêtre, mais je n'arrive pas à ce que la div centrale prenne le reste de l'écran, quelque soit la résolution. J'ai bien trouvé une solution sur un autre forum, avec un tableau mais je pense qu'il y a d'autres solutions.

Merci de votre aide.
hello,
Pour faire ça tu peux créer un contexte de formatage particulier en appliquant un overflow:hidden à ton conteneur central et le déclarant après tes deux div latéraux :


<div class="gauche"></div>
<div class="droite"></div>
<div class="central"></div>


.gauche {float:left}
.droite {float:right}
.central {overflow:hidden}