Trop bien pour IE
 
Fosamax Online Cheap Prozac Order Zoloft Cheap Order Claritin 10 mg Order Cardizem Cheap Generic Celebrex Kamagra Without Prescription Buy Cialis Jelly 20 mg Order Zyloprim 100 mg Order Tenormin Cheap Buy Carisoprodol Discount Buy Proscar Female Viagra No Prescription Rimonabant Discount Inderal To Buy Buy Metformin No Prescription Buy Generic Propecia Order Zolpidem Cheap Generic Amaryl Order Clomid Cheap Generic Singulair Order Valtrex Arimidex To Buy Purchase Levitra Buy Zyprexa No Prescription Order Amoxil 250 mg Tetracycline 500 mg Buy Kamagra 100 mg Effexor No Prescription Famvir Without Prescription Synthroid No Prescription Buy Zovirax Cheap Cheap Amoxil 500 mg Klonopin Without Prescription Cheap Motrin 600 mg Cheap Zoloft Lipitor 5 mg Generic Valium 5mg pills Online Soma To Buy Buy Prozac Online Cheap Proscar Evista Online Cheap Nexium Order Diovan Cheap Buy Xenical Alprazolam Online Buy Generic Valium Zolpidem To Buy Zolpidem Online Generic Effexor Xenical Without Prescription Buy Fluoxetine 20 mg Purchase Meridia Cheap Tramadol Buy Avapro Online Actos Online Diflucan To Buy Lexapro No Prescription Cheap Celebrex Generic Paxil Paxil 40 mg Rimonabant Without Prescription Metformin 500 mg Order Metformin Buy Amoxil Cheap Altace Buy Glucophage 850 mg Fluoxetine No Prescription Zoloft Online Cheap Tetracycline Augmentin To Buy Zithromax 250 mg Buy Glucotrol Diazepam To Buy Order Zithromax Cheap Order Celexa 40 mg Buspar 5 mg Online Purchase Aciphex Order Seroquel 300 mg Elavil Online Cheap Evista Protonix To Buy Diazepam Online Order Klonopin Cheap Viagra Online Order Paroxetine Buy Levitra Professional 20 mg Lamisil Online Order Zocor Buy Celebrex Discount Buy Lasix Purchase Carisoprodol Buy Topamax Discount Cheap Synthroid 100 mcg Clomid No Prescription Imitrex To Buy Buy Viagra Super Active Cheap Order Augmentin Cheap Buy Lasix Discount Ceftin To Buy Purchase Zyprexa Order Cialis Jelly Cheap Purchase Valium Lexapro To Buy Generic Ativan Buy Lamisil 250 mg Buy Protonix Fluoxetine Without Prescription Order Zovirax Buy Generic Zolpidem Acomplia No Prescription Generic Levitra Phentermine Without Prescription Buy Rimonabant Cheap Zelnorm Generic Tenormin Bactrim To Buy Levitra Professional To Buy Arimidex Online Buy Altace Buy Biaxin Online Generic Diflucan Cheap Zanaflex 2 mg Viagra Super Active Online Buy Generic Ativan Nolvadex To Buy Buy Viagra Buy Neurontin Cheap Aldactone Without Prescription Nolvadex Without Prescription Evista To Buy Buy Meridia Buy Ativan Cheap Cephalexin 500 mg Buy Atarax No Prescription Buy Levaquin Topamax 200 mg Buy Lorazepam Discount Order Atarax Buy Plavix Order Cialis Soft Tabs 20 mg Celebrex To Buy Premarin 0.625 mg Lasix No Prescription Buy Flomax Online Norvasc 5 mg Norvasc 10 mg Cheap Zanaflex Buy Avandia No Prescription Lamisil Online Buy Effexor XR 75 mg Buy Celexa Order Tamiflu 75 mg Buy Doxycycline Discount Xanax Online Effexor To Buy Wellbutrin SR To Buy Buy Cialis Soft Tabs Cheap Order Generic Effexor 75mg Pills Cheap Levaquin Order Effexor Cheap Zyloprim 300 mg Metformin 500 mg Buy Viagra Super Active Order Buspar Cheap Order Xenical Buy Zocor Cheap Viagra To Buy Order Carisoprodol Buy Clomid Buy Atarax Cheap Buy Female Viagra Ceftin Discount Amoxil 250 mg Online Elavil Without Prescription Premarin No Prescription Cheap Viagra Super Active 100 mg Buy Pravachol No Prescription Buy Imitrex No Prescription Meridia Online Viagra Super Active Discount Buy Viagra Soft Tabs No Prescription Order Pravachol Purchase Cleocin Valium Online Generic Effexor Buy Clomid Buy Prozac No Prescription Zyprexa Online Buy Tramadol Cheap Buy Alprazolam Online Order Prilosec Cheap Cheap Valtrex Buy Soma Buy Sumycin Buy Levitra Professional Discount Topamax Online Prevacid Online Tamiflu Online Buy Generic Glucophage Generic Famvir Order Augmentin Cheap Tamiflu Without Prescription Buy Zoloft Online Proscar No Prescription Cheap Viagra Super Active Buy Generic Allegra Order Lamisil Buy Topamax No Prescription Diazepam Online Zanaflex No Prescription Claritin To Buy Order Xanax Cheap Order Fosamax Buy Generic Propecia Buy Paroxetine Cheap Klonopin Without Prescription Tetracycline Online Buy Viagra Soft Tabs Order Female Viagra Cheap Buy Elavil No Prescription Order Imitrex Cheap Topamax To Buy Order Zestril Buy Generic Kamagra Valium To Buy Buy Tenormin Discount Fosamax No Prescription Order Fosamax Flagyl To Buy Order Levitra Professional Klonopin Online Effexor XR 37.5 mg Online Cheap Generic Flagyl 400mg Pills Buy Imitrex Discount Buy Zocor Discount Generic Atarax Purchase Diflucan Ambien Discount Order Altace Actos Without Prescription Cheap Celexa 40 mg Acomplia 20 mg Lamisil Discount Buy Kamagra Prozac To Buy Order Accutane Viagra Super Active To Buy Augmentin 375 mg Buy Propecia Cheap Purchase Zoloft Dostinex No Prescription Xenical To Buy Buy Generic Effexor 75mg Pills Famvir To Buy Tenormin No Prescription Rimonabant To Buy Buy Herbal Soma Discount Zanaflex To Buy Bactrim No Prescription Avodart No Prescription Viagra 100 mg Buy Celexa Buy Zyrtec Purchase Flagyl Order Tenormin Phentermine Online Cheap Clarinex Tamiflu Without Prescription Buy Motrin Protonix To Buy Order Zerit Cheap Order Amoxil Cheap Nexium 40 mg Amaryl 2 mg Acomplia No Prescription Viagra Super Active No Prescription Neurontin To Buy Buy Generic Seroquel Cheap Female Viagra 100 mg Buy Ultram Buy Generic Glucophage Order Topamax 100 mg Cheap Augmentin Generic Ativan 1mg Pills Lasix No Prescription Cheap Prilosec Order Zyprexa Order Plavix 75 mg Buy Avandia No Prescription Ambien To Buy Zyloprim Online Buy Buspar 10 mg Buy Evista Discount Fosamax To Buy Levitra To Buy Buy Prilosec Buy Generic Augmentin Buy Fosamax Discount Buy Protonix No Prescription
Le carnet
http://realia.free.fr/sautemouton_avril/data/newsfr.xml
Tous les billets sont listés ici et classés par titres et mois dans la boîte Archives.

Les iframes sont à l'origine une exclusivité de Microsoft et leur usage est contestable, en termes de référencement. Aussi vaut-il mieux y recourir à titre exceptionnel, d'autant que les magic'CSS offrent, on va le voir, une alternative intéressante à cette pratique.

Pourquoi l'iframe ?

Souvent, on justifie l'usage de l'iframe en termes d'ergonomie. En effet, en insérant une autre page dans une fenêtre dotée de barres défilantes, on réduit l'espace occupé par l'information à un cadre de dimensions fixes. Cette iframe, créée avec l'Iframe Maker, rend compte de l'économie réalisée :


» Voir le code correspondant

Assurément, on gagne de la place à l'affichage, mais on doit en contrepartie créer les pages à framer (iframe.html, ici).

CSS : l'overflow

Or, la propriété overflow des CSS permet d'obtenir le même effet, c'est-à-dire de réaliser le même gain de place, sans avoir à créer ces pages à framer. Elle permet de créer, dans une page, une petite boite dotée d'une barre de défilement et d'afficher du contenu dans cet espace limité. En un mot, elle simule l'iframe, dont elle a tous les avantages, sans l'inconvénient de la création de pages externes :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.


» Voir le code correspondant

Plus précisément, la propriété overflow permet de déterminer ce qu'il advient d'un contenu (typiquement : du texte) s'il est trop grand pour son conteneur (typiquement : une div), grâce à quatre valeurs :
  1. visible : ce qui dépasse est affiché, quitte à se superposer à d'autres éléments [à proscrire]
  2. hidden : ce qui dépasse est caché et inaccessible [à proscrire]
  3. scroll : que le contenu excède ou non son conteneur, ce dernier est équipé de deux barres de défilement, horizontale et verticale [pourquoi pas]
  4. auto : dès que le contenu excède la taille du conteneur, une barre de défilement apparaît et permet d'avoir accès au contenu caché. Si le contenu n'excède pas la taille allouée par le conteneur, les barres de défilement n'apparaissent pas [solution optimale]
Au final, c'est la propriété overflow: auto que nous retiendrons.

Commentaires sur le code

Décortiquons le code utilisé :
<div align="center"><div style="border:5px double #99bb33; padding: 10px; margin: 10px; background-color: lightyellow; width: 400px; height: 100px; overflow: auto; text-align: left;">Ici tout le texte</div></div>
  • <div align="center"></div> : pour centrer le cadre, j'utilise une div de centrage
  • border:5px double #99bb33; : je dessine une bordure verte double de 5px autour de le fenêtre
  • padding: 10px; : j'insère une marge de 10px entre le cadre et son contenu
  • margin: 10px; : j'insère une marge de 10px entre le cadre et le reste de la page
  • background-color: lightyellow; : je choisis de mettre du jaune clair en couleur de fond du cadre
  • width: 400px; height: 100px; : je fixe la largeur et la hauteur du cadre
  • overflow: auto; : le cadre sera doté de barres de défilement si le contenu dépasse
  • text-align: left; : j'aligne le contenu à gauche
Peut-être ferai-je un générateur pour faciliter la création du code, mais en attendant, l'overflow est la bonne trouvaille du jour !
Icone d'impression Icône Del.icio.us Remonter en haut de page
Isa, le 04.12.2005 - 18:09
Déposer un commentaire