28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un souci concernant un div qui dépasse la hauteur de son conteneur. Voici les liens :

L'index :
http://frontier27.free.fr/exemple/

le css :
http://frontier27.free.fr/exemple/styles.css

Ce que je recherche exactement, est que le bloc blanc (fileContent) dans le frameCenter, ne dépasse pas le bas du viewport. Et dans le cas d'un clique sur le bouton "[Cacher]", il s'adapte à se qui se libère. En gros il prend l'espace disponible de son conteneur.
Vous remarquerez que le contenu de fileContent n'est pas un probleme car l'overflow est (normalement) là pour ça.

J'aimerai éviter les tailles en pixels pour la hauteur (car je veux que ça s'adapte selon l'écran), et bien sur les traitements javascript de redimensionnement. Dans la mesure du possible.

Je cherche depuis des heures sur google, qui m'a renvoyé à divers reprises sur ce forum. J'ai essayé les min-height, max-height, le clear: both;. Sans que ce soit concluant...

Je suis pour toute proposition (concernant le sujet Smiley lol ), même si cela inclus de refaire la page.

Je vous remercie d'avance pour votre aide.

Frontier.
Modifié par Frontier (05 Jun 2010 - 01:01)
si j'ai bien compris, tu voudrais que fileContent ne dépasse pas de frameCenter, quand bien même le contenue de ce premier le pousserait à en faire ainsi?
un overflow:auto ou hidden(pas de scroll) sur frameCenter(et pas sur filecontent) ne fonctionne pas?
Modifié par e-rwan (01 Jun 2010 - 12:33)
Tu as tout compris.

Dans ce que je veux faire, #fileContent ne dépasse pas #frameCenter, car je lui ai ajouté le "overflow : auto;", qui devrait prévenir se genre de chose, et ajouter un scroll (à #fileContent) si un jour le contenu serait de trop.

J'ai essayé comme tu dis de mettre le "overflow : hidden;" à #frameCenter, et ça ne s'arrange pas. #fileContent étant encore de la même taille, il est maintenant caché en dessous de la page (avec impossibilité d'atteindre la partie cachée).

Voilà la modification : http://frontier27.free.fr/exemple01/
Bon. Je tenais tout d'abord à dire merci à ceux qui ont essayé de m'aider. Après encore moulte recherche, je n'ai pas trouvé mon bonheur.

J'ai donc quand même opté pour une solution javascript.

Bon Week-End !

Frontier
Modifié par Frontier (05 Jun 2010 - 01:01)