28172 sujets

CSS et mise en forme, CSS3

Bonjour

je n'arrive pas a reproduire le fonctionnement de Gmail, j'ai beau comparer un a un les div, je ne vois pas ce qui cloche ...

Je souhaite faire une page avec 2 colonnes:
Colonne de gauche = menu fixe sans scroll
Colonne de droite = contenu avec scroll vertical

Google imbrique un tas de div mais en reprenant le tout je n'y arrive pas !

Pourriez-vous m'aider ?

D'avance merci
Dans la colonne à scroller tu met une hauteur de 100% du viewport (ou de moins si tu a du contenu au dessus) et tu met un overflow-y: auto.
comme ca une barre de défilement apparaitra.

Autre technique (peut être meilleur):
tu place ta colonne fixe en position (euh....) fixed et tu lui met par exemple 300px de largeur.
ET ensuite tu met ton contenu (colonne de droite) avec une marge à gauche (margin-left) d'autant de pixel (ici 300) que la largueur de tacolonne de gauche.

Je te dit sa de tête sans souvenir exact de la situation mais je crois que sa marche en bidouillant... euh en affinant plus ton code Smiley cligne .
Merci pour la réponse.

La seconde solution est celle que j'ai mis en œuvre mais le problème que je rencontre vient de l'iPhone.

En effet, si on a grandi l'image de deux zones se chevauchent.

Avant de développer une version spéciale mobile aurais aimé trouver une solution qui me permette d'éviter que les deux zones se superposent si j'agrandis l'écran.

Sauriez-vous comment faire ?
Modifié par evantro (28 Mar 2013 - 06:06)