Dic 312008

Todos sabemos que los iframe son muy útiles en numerosas ocasiones, pero tienen el inconveniente que no se llevan demasiado bien con los buscadores…

Bueno, pero la idea es evitar su uso dentro de contenidos, para así impedir la limitada accesibilidad 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.

Demo

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

<div id=”contenido_scroll”>
      <p>Texto aqui…p>
      <p>Texto aqui…p>
 </div>

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;
}

*♫♥♫* Sígueme en Twitter *♫♥♫*

La Buhardilla

¿Te ha gustado? Compartelo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkaGoGo
  • Live
  • Meneame
  • MySpace
  • Technorati
  • Wikio
  • email
  • Bitacoras.com
  • RSS
  • Twitter
  • Add to favorites
  • Yahoo! Bookmarks
Etiquetas: , , , , ,

Entradas relacionadas

5 Comentarios to “Frames accesibles a los buscadores”

Comentarios (3) Trackbacks (2)
  1. Triana dice:

    ¡¡Ay que casi todo me suena a chino!!… lograré algún día dominar este lenguaje?… Sad

  2. Puskas dice:

    Jajja Triana a mi no me suena ni a chino soy incapaz de aprender estas cosas.

  3. Triana dice:

    Tu te estás ganando lo que yo me se, se te olvida lo que te dije hace muy pocos días? Oops!

Deja Un Comentario

(necesario)

(necesario)

Click to Insert Smiley

SmileBig SmileGrinLaughLOLFrownBig FrownWinkKissRazzAngelAngryReally AngryConfusedNeutralThinkingChicCoolNerdSillyDrunken RazzMad RazzEvil GrinMeanPissed OffReally PissedCurseShoutGrit TeethCryWeepSide FrownWiltSmugDisdainRoll EyesSarcasmLoserTalk to the HandShyBeat UpPainShameBeautyBlushCuteLashesKissingKiss BlowKissedHeh!SmirkSnickerGiggleIn LoveDroolEek!ShockSickSuspenseTrembleDazedHypnotizedFoot in MouthMoney MouthQuietShut MouthDOH!IDKQuestionLyingStruggleSweatStopByeGo AwayWavingTime OutCall MeOn the PhoneMeetingSecretHandshakeHigh FiveHug LeftHug RightClapDanceJumpFingers CrossedVictoryYawnSleepyPrayWorshipWaitingAlienClownCowboyCyclopsDevilDoctorFemale FighterMale FighterMohawkMusicPartyPirateSkywalkerSnowmanSoldierGhostSkeletonEatStarvingVampireZombie KillerBunnyCatCat 2ChickChickenChicken 2CowCow 2DogDog 2DuckGoatHippoKoalaLionMonkeyMonkey 2MousePandaPigPig 2SheepSheep 2ReindeerSnailTigerTurtleFemaleMaleHeartBroken HeartRoseDead RosePeaceYin YangUS FlagMoonStarSunCloudyRainThunderUmbrellaRainbowMusic NoteYesNoAirplaneCarIslandAnnouncebrbBeerDrinkLiquorCakeCoffeePizzaWatermelonBowlPlateCanMailCellPhoneCameraFilmTVClockLampSearchCoinsComputerConsolePresentSoccerCloverPumpkinBombHammerKnifeHandcuffsPillPoopCigarette

Si quieres recibir las actualizaciones por correo,
entra tu email:

 

Nos visitan desde…

Categorías

<