Cómo no usar más iframe

12/Nov/2007 292

Estuvieron de moda. Fueron la sensación. Pero como muchas otras etiquetas, perdieron su reinado dado a que no eran accesibles y mal indexado por los buscadores. Pero no totalmente, ya que suelen ser bastante útiles para refrescar datos dinámicos, sin tener que hacer un reload del sitio completo. ¿Te suena esta teoría de algún lugar? ¿Quizás de AJAX? Esa sigla tan de moda y que vende más que detergente o equipo de fútbol holandés, puede utilizar 2 recursos para realizar sus consultas a servidor asincrónicamente. Una, es el objeto XMLHTTPRequest (propietario de Microsoft); la otra, es IFrame. Esas ventanas modales (lightbox, greybox, thickbox) suelen utilizar iframe‘s para abrir otros contenidos dentro de la misma página, sin tener que volver a cargarla, evitando también el ya obsoleto popup. Así que no estaba tan muerta del todo esta etiqueta…

Bueno, pero la idea es evitar su uso dentro de contenidos, para así impedir la limitada acccesibilidad que nos entrega (no todos los browsers lo interpretan) y que sea indexado separadamente por los buscadores (así como ocurre con los <frame>, que tienen la misma lógica). Mediante CSS lograremos el mismo fin, el de poder diagramar un espacio donde el contenido fluya a través de scroll vertical. Pero todo dentro de la misma página.

El HTML no será nada distinto a un bloque de texto cualquiera, soportado por un <div>:

<div id="contenido_scroll">
     <p>Morbi non erat non ipsum pharetra....</p>
     <p>Pellentesque habitant morbi tristique.....</p>

A través de CSS veremos reales cambios. Primero, al igual que en la etiqueta <iframe>, definiremos alto y ancho fijo. Todo lo que se salga de ese alto será absorbido por una elegante barra de scroll, la que será mostrada mediante la propiedad overflow: scroll;

#contenido_scroll {
     width: 300px;
     height: 200px;
     overflow: scroll;

Ver ejemplo 1

Eso es todo. Muy simple. Ahora, existe otra propiedad CSS no muy difundida que es overflow-x: hidden; Con ella, lograremos que desaparezca la barra horizontal de scroll, o la vertical con overflow-y: hidden; Pero esta propiedad no valida en CSS2.1, sólo lo hará con CSS3, pero felizmente es soportada por todos los browsers importantes exceptuando Opera (que es un muy importante browser). Una lástima, pero la realidad es que ¡sí es soportado por IE6! ¡¡A celebrar!!

Ver ejemplo final


  1. air jordan [#]

    Thanks so much for providing individuals with an extraordinarily brilliant opportunity to read from this web site. It can be so superb and also jam-packed with a great time for me personally and my office acquaintances to search your web site minimum 3 times in a week to read through the latest guidance you have. And definitely, I am usually astounded with all the staggering tips and hints you give. Selected 2 ideas in this posting are honestly the simplest we have ever had.

  2. lebron james shoes [#]

    I have to express appreciation to this writer just for rescuing me from this type of instance. Just after checking throughout the the net and obtaining tips that were not beneficial, I thought my life was over. Existing minus the strategies to the problems you have solved as a result of your main posting is a serious case, as well as those that might have badly damaged my career if I had not noticed the website. The natural talent and kindness in taking care of all areas was helpful. I am not sure what I would’ve done if I had not come upon such a step like this. I am able to at this moment look forward to my future. Thanks for your time so much for the specialized and results-oriented guide. I won’t hesitate to endorse the sites to anybody who should receive support about this issue.

  3. supreme hoodie [#]

    I am only writing to let you know of the great discovery my wife’s daughter obtained reading through yuor web blog. She noticed many pieces, which included how it is like to have a wonderful teaching mindset to get a number of people clearly understand several tortuous subject matter. You really surpassed her expected results. Many thanks for producing these practical, trustworthy, edifying not to mention cool tips about your topic to Evelyn.

  4. HenryUnfiP [#]

    gay dating sim site for android
    alex cliffe gay dating uk
    gay porn dating site

  5. bit.ly [#]

    If you want to increase your knowledge only keep visiting this
    site and be updated with the latest news posted here. scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

  6. hydroxychloroquineMt [#]

    hydroxychloroquine prophylaxis chloroquine dosage hydroxychloroquine drug

  7. http://www.iherb.com/search?kw=questbars [#]

    Hi there it’s me, I am also visiting this website regularly, this web page is actually good and the visitors are really sharing good thoughts.
    quest bars https://www.iherb.com/search?kw=quest%20bars quest bars

  8. http://j.mp/ [#]

    I loved as much as you’ll receive carried out right here.

    The sketch is attractive, your authored subject matter stylish.
    nonetheless, you command get got an shakiness over that you wish be delivering the following.
    unwell unquestionably come further formerly again since exactly the same nearly a lot often inside case you shield this hike.
    ps4 https://bit.ly/3z5HwTp ps4 games

  9. golden goose outlet [#]

    I must express some appreciation to the writer for rescuing me from this particular issue. After browsing throughout the search engines and getting proposals which are not beneficial, I assumed my life was well over. Living without the presence of approaches to the issues you’ve sorted out by way of your entire short article is a crucial case, as well as the ones that might have negatively damaged my entire career if I hadn’t discovered the blog. Your own personal skills and kindness in maneuvering almost everything was tremendous. I don’t know what I would’ve done if I had not come across such a step like this. I can also at this moment relish my future. Thanks very much for the impressive and results-oriented guide. I won’t think twice to propose your web sites to anyone who needs assistance about this subject.

  10. golden goose [#]

    I as well as my friends ended up looking at the nice information from your web page then at once got an awful feeling I never expressed respect to the website owner for those techniques. These men happened to be glad to read them and have in effect quite simply been enjoying these things. Thank you for really being very thoughtful and for settling on some awesome areas most people are really wanting to discover. Our own honest regret for not saying thanks to sooner.

  11. adidas yeezy [#]

    I needed to create you that very little observation to help say thanks as before over the pretty thoughts you have shared in this article. It is so seriously open-handed with people like you to provide without restraint all that a few individuals would have distributed for an ebook to end up making some dough for themselves, specifically considering that you might have done it in the event you wanted. The techniques in addition served to be a fantastic way to fully grasp that the rest have similar dreams just like my own to understand great deal more when it comes to this matter. I’m sure there are millions of more pleasant occasions up front for folks who read your site.

  12. kyrie 4 [#]

    I wanted to draft you the little bit of remark to be able to thank you very much again for the splendid information you’ve featured above. It was quite seriously generous with people like you to give unhampered what many of us could have distributed for an e-book to get some dough for themselves, most notably given that you could possibly have tried it in case you wanted. The techniques as well acted to become great way to fully grasp that other people online have similar interest like my own to know significantly more when considering this problem. I am sure there are several more pleasurable moments up front for individuals that read your blog.

  13. http://coub.com [#]

    I must thank you for the efforts you’ve put in writing
    this site. I’m hoping to check out the same high-grade blog posts by you later on as well.
    In fact, your creative writing abilities has motivated me to get my
    own blog now 😉 scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  14. HenryUnfiP [#]

    gay websites -date -dating
    gay asian dating lonely
    kidloves gay dating

  15. Zithromax [#]

    Viagra Generique (Sildenafil Citrate) 100mg

  16. stromectol trihydrate 6 mg [#]

    stromectol antiparasitic 875 mg

    agreement otitis externa especially

  17. HenryUnfiP [#]

    gay black dating sites
    gay phone dating site
    gay dating near me 24263

  18. jordan shoes [#]

    I needed to draft you this very small remark in order to thank you so much yet again for the magnificent strategies you’ve featured at this time. It has been so seriously generous with you to grant without restraint what a few individuals could possibly have made available for an electronic book in order to make some profit on their own, and in particular considering the fact that you might well have done it if you ever wanted. These guidelines likewise acted to provide a fantastic way to understand that many people have the identical keenness just like my very own to understand good deal more in terms of this matter. I think there are millions of more pleasant moments ahead for those who scan through your site.

  19. plaquenil and stomach pain [#]

    buy ivermectin antiparasitic

    cite mitral valve prolapse beauty

  20. cheapest place to buy zyrtec [#]

    zyrtec dosage – https://allergyd.com

  21. does ivermectin work for pinworms [#]

    ivermectin 200mg

    meter retinal detachment concern

  22. kyrie spongebob [#]

    I simply needed to say thanks once again. I do not know what I could possibly have achieved in the absence of these secrets documented by you directly on my topic. This was the horrifying problem in my view, but witnessing a new expert way you processed that took me to jump for fulfillment. I will be grateful for the assistance and as well , expect you comprehend what a great job that you are undertaking educating other individuals through the use of your site. Probably you have never met all of us.

  23. golden goose sneakers [#]

    I want to get across my appreciation for your generosity giving support to individuals that really want guidance on that question. Your real commitment to getting the solution around appeared to be surprisingly informative and have truly permitted employees just like me to achieve their objectives. Your personal informative key points can mean so much to me and especially to my peers. With thanks; from each one of us.

  24. golden goose [#]

    Needed to send you one bit of note just to thank you over again with your extraordinary solutions you’ve discussed at this time. It is certainly remarkably open-handed with you to deliver freely exactly what a few people could possibly have marketed as an e-book to earn some money on their own, mostly since you might have tried it if you considered necessary. The strategies in addition worked like a easy way to understand that the rest have similar desire just as my personal own to find out significantly more pertaining to this condition. I know there are many more pleasant times up front for folks who looked over your website.

  25. kyrie irving [#]

    I have to point out my admiration for your kindness for individuals who actually need guidance on this area of interest. Your real dedication to passing the message all around appears to be pretty insightful and has usually allowed men and women just like me to achieve their objectives. Your useful information entails a whole lot a person like me and a whole lot more to my mates. Warm regards; from all of us.

  26. off white jordan 1 [#]

    Thanks so much for providing individuals with a very memorable chance to check tips from this blog. It’s always so fantastic plus packed with amusement for me personally and my office fellow workers to visit the blog at a minimum thrice in 7 days to study the newest items you have got. And of course, I’m always pleased concerning the tremendous ideas served by you. Certain 1 facts on this page are basically the finest we have ever had.

  27. what is cetirizine hydrochloride 10mg [#]

    cetirizine 10mg costco – http://allergyd.com

  28. ivermectin tablette [#]

    Global Dope Here this offshoot
    https://ivermectinsts.com ivermectin for dogs
    https://ivermectinstrom.com stromectol manufacturer
    https://ivermectinsts.com ivermectin 3 mg
    https://stromectolivermect.com buy ivermectin pills for dogs
    https://ivermectinstrom.com ivermectina para humanos

  29. ivermectin drug [#]

    ivermectin oral solution https://stromectolforte.com/ ivermectin 1 cream ivermectin pills for humans

  30. curry shoes [#]

    I and my buddies ended up studying the excellent advice found on your site while then I had an awful feeling I had not expressed respect to the web site owner for those techniques. My men happened to be totally glad to see them and have in fact been having fun with these things. Thank you for turning out to be really kind and for obtaining this form of fine guides most people are really desirous to learn about. Our own sincere apologies for not saying thanks to you earlier.

  31. oral ivermectin [#]

    ivermectin 3 mg for humans

    muscle penile prosthesis over

  32. ivermectin dosage [#]

    physician doctor difference http://stromectolus.com – ivermectin dosage

  33. stromectol for staph [#]

    buy ivermectin england

    largely hypothalamus explanation

  34. modafinilgeneric [#]

    modafinil 200mg how long does modafinil last

  35. off white outlet [#]

    Thanks so much for providing individuals with such a wonderful opportunity to read from this site. It is always so pleasant and jam-packed with fun for me and my office colleagues to search your site at a minimum 3 times in one week to learn the latest secrets you have. And indeed, I’m so actually pleased with all the exceptional points you give. Some 3 areas in this article are basically the very best we’ve had.

  36. hermes handbags [#]

    Thank you for your own efforts on this web page. My daughter really likes making time for research and it is easy to understand why. We all learn all about the powerful method you produce reliable tips through your website and as well as increase response from others on the concept while our simple princess is truly learning a lot. Take advantage of the remaining portion of the new year. You are always doing a fabulous job.

  37. retro jordans [#]

    I really wanted to make a small message in order to say thanks to you for some of the amazing secrets you are writing on this site. My incredibly long internet investigation has finally been recognized with professional facts and strategies to share with my friends and classmates. I ‘d express that most of us visitors are unequivocally endowed to live in a useful site with very many marvellous people with good tricks. I feel truly privileged to have used your weblog and look forward to some more thrilling moments reading here. Thank you again for a lot of things.

  38. supreme clothing [#]

    I want to express my appreciation for your kindness supporting those people who really need guidance on this one idea. Your real dedication to getting the message all over was definitely invaluable and have in most cases permitted men and women much like me to get to their pursuits. Your personal useful hints and tips entails this much to me and far more to my office colleagues. Many thanks; from everyone of us.

  39. jordan shoes [#]

    Thank you so much for giving everyone a very memorable possiblity to check tips from this site. It’s always very cool and jam-packed with a good time for me and my office acquaintances to visit your website at a minimum 3 times in a week to see the latest issues you have got. Of course, we’re usually impressed for the impressive pointers you give. Selected 1 points in this article are surely the most efficient I’ve had.

  40. curry 7 [#]

    I really wanted to jot down a brief note to be able to express gratitude to you for some of the superb suggestions you are posting at this website. My time-consuming internet lookup has at the end of the day been compensated with reputable insight to exchange with my great friends. I would assume that most of us website visitors actually are really lucky to live in a decent website with so many perfect people with great suggestions. I feel quite grateful to have seen your webpages and look forward to so many more entertaining times reading here. Thanks again for a lot of things.

  41. GustavoVet [#]

    help paper
    help writing essay

  42. generic ivermectin [#]

    Hi there, I want to subscribe for this weblog to take latest updates,
    so where can i do it please assist. http://harmonyhomesltd.com/Ivermectinum-overdose.html