[resolu]Cadre fluide (hauteur et largeur)

Bonjour AlsacreationS !

J'ai cherché a travers le forum et d'autre site web mais je ne trouve pas une reponse correcte a ma demande :

Creer un cadre completement fluide avec des images d'arriere plan..que les images soit arrondi ou non cela n'importe peut, il faut juste garder a l'esprit que mes images sont des png avec une transparence (donc pas de superposition possible ni de couleur d'arriere plan si non une différence de couleur est visible)

Voici ce que j'ai fait, sous Firefox mis a part la class "left" et "right" qui ne suivent pas la hauteur tout fonctionne tres bien mais sous IE beaucoup de chose sont mal interpréter..

Dans ma recheche je suis tomber sur cette article ou Laurent Denis déconseille cette methode...je pense suivre son conseil et m'orienter vers une 'autre solution'...peut etre celle proposer par
html.it (nifty corners).
Bonne ou mauvaise orientation ? Merci d'avance pour vos conseil.
Modifié par ghijselinck (28 Mar 2007 - 09:39)

Il y a beaucoup de techniques, avec leurs avantages et leurs inconvénients.

J'aime assez celle-ci pour ma part :
http://www.schillmania.com/projects/dialog2/basic.html
Modifié par 20cent (27 Mar 2007 - 14:32)

Sauf que Laurent Denis à tort.

A double titre d'ailleurs :

. La solution que j'envisage est beaucoup plus solide et au passage, pour le redire, parfaitement articulée sur un code html réel, que son revers de la main condescendant le laisse entendre.

. Vous avez tout intérêt a faire l'effort de comprendre comment un code html natif et des div logiquement mis en oeuvre (donc non pas seulement en tant qu'éléments neutres mais en tant que conteneurs d'éléments de type block, ce qui est une définition beaucoup plus puissante de la balise <div>) offrent un support très efficace pour une mise en oeuvre de css même, relativement, complexes.

Vous préférez vous embarquer dans des délires de productions d'éléments vides et inconsistants dans le document html ? Ba c'est votre problème après tout.

Tiens ma dernière petite création dans le domaine :
http://www.ecoledemusique.concarneau.fr/rubrique_realisations/toutes_les_archives/2005/

C'est le cadre avec la clé de sol, mignon non ?

Ah oui, l'ensemble de la liste est généré automatiquement, donc évidemment aussi le dernier item, celui qui a le class="last_of_menu_sommaire"

Vala, vala
Modifié par Christian Le Bouler (27 Mar 2007 - 16:05)

20cent a écrit :
Il y a beaucoup de techniques, avec leurs avantages et leurs inconvénients.
J'aime assez celle-ci pour ma part :
http://www.schillmania.com/projects/dialog2/basic.html

Merci pour le lien, graphiquement beaucoup de possibilité s'offre a nous mais je pense que l'utilisation d'une image aussi grande soit souhaité
J'ai essayer et je doit dire que tout marche correctement malgré les 3 erreurs de validation ..



Christian Le Bouler..je suis aller voir votre site regarder comment vous avez fait..J'ai remarquez que vous aussi utiliser des grandes images, par exemple ici (960x400) ... est-ce vraiment conseiller de procéder comme cela ? Car dans mon cas le contenu sera pas dans une liste a puces et le cadre devra etre utiliser plussieur fois sur la meme page, sous differente tailles..

N'empeche il est bien mignon ton clé de sol
Modifié par ghijselinck (27 Mar 2007 - 16:52)

Oui c'est sur qu'une image aussi haute alors qu'elle ne sera supportée que par un <hn> c'est pas franchement utile mais bon d'un autre coté elle ne fait que 1.1 ko alors il n'y a pas de quoi se prendre la tête je trouve. Cela dit dans le cas de contenu dont on doit envisager une très grande hauteur la question de la taille(du genre 15000px par exemple) de certaines des images peut finalement posée souci. Pour la largeur c'est autre chose car c'est controlable au pixel près.

Sinon, concernant l'affaire de la liste, ce n'est pas du tout la question. J'ai essayé de faire un topo assez clair sur la prise en charge d'un code html réel mais très général dans ce document :
http://clb56.fr/test_css/test_roundcorner/test2.php
Modifié par Christian Le Bouler (27 Mar 2007 - 17:29)

ghijselinck a écrit :

[...] mais je pense que l'utilisation d'une image aussi grande soit souhaité

Pourquoi ? Si le poids de l'image est contrôlé, pas de souci.
Firefox bug sur des très très hautes images, mais ici, c'est loin d'être le cas.

ghijselinck a écrit :

J'ai essayer et je doit dire que tout marche correctement malgré les 3 erreurs de validation

Des erreurs ? Tu es sûr ?

Bonjour AlsacreationS, encore dans vos pantouffles je suis pose

20cent, c'est vrai les images ne sont pas lourde en poids mais tu dis que firefox bug a une certaine hauteur ? Combien environ ?

Puis pour les erreurs si j'ai bonne mémoire, oui il y avait 3 erreurs dans la feuille de style...il me semble que la propriéte "zoom" en fesait partie

Christian Le Bouler, jusqu'a maintenant je pense que ta facon de faire est la plus propre et qui me conviendra le mieux. Tu as raison, c'est inutile de creer tant de div vide alors qu'il y a d'autre possibilité..


Enfin soit, un grand merci pour votre coup de pouce mais je reste ouvert a d'autre proposition..Bien a vous et a bientot ++