Fixed-Sidebar for IE6

Scrollable Content

Internet Explorer version 6 (or lower) doesn't understand the CSS directive  { position: fixed; } . Of course, this is incredibly annoying. There are a variety of ways one can handle the situation.

(1) Do nothing. Why cater to an inferior browser? Do nothing and give people a REASON to upgrade to IE7.

IE7 has been out for more than six months, it provides much better support for CSS standards and will overtake IE6, making IE6 a road-kill speck in the rearview mirror. (Yay!) I'm actually very close to buying this argument, as May 2007, sees that nearly 50% of Randsco visitors using Internet Explorer, are using IE7! At some not-to-distant point in the future, I'll stop trying to serve identical-looking pages to IE6.

My philosophy toward IE will be like it is toward JavaScript - those having it (IE7/JavaScript enabled) will get a superior viewing experience ... those without it (IE6 or lower/JavasScript disabled) will get an inferior (but still readable) page.

(2) Serve something special to IE6 (and lower): One can serve a  { position: fixed; }  page to IE6 (and lower) in a manner that it DOES understand. All it takes is some special, IE6-targeted CSS.

This page is a demonstration of IE6 (and-lower)-targeted CSS that provides a perceptually identical rendition of  { position: fixed; }  for IE6 (and lower) browers.

It's XHTML-valid (v1.0 Strict), CSS-complaint (CSS2) and served in standards-mode (does not trigger quirks-mode). As an added bonus, the page content loads first (before the sidebar), which is both SEO and important for accessibility.

Use the links on the fixed-position sidebar to verify this fact.

Targeting IE6 (and Lower)

In the  <head>  section of this page, you'll find the (relatively minimal) CSS required for modern browsers (IE7, FireFox2, Opera9, Netscape8, etc.), namely  { position:fixed; } . It's isolated in a section called "Structure - modern browsers".

Below that, are two methods of targeting IE6:

  1. An IE6 conditional
  2. IE6-only CSS selector

Both allow IE6 to emulate what  { position: fixed; }  CSS does on a page. (Though both methods are presented in the CSS, only one is needed ... pick whichever you prefer).

The Concept

It's devilishly clever: Hide the HTML and  <body>  overflow and replace the page scrollbar with the content scrollbar, which allows the sidebar to remain in a fixed position. When you piece the CSS bits together, you'll say "A-HA!", but for the visitor, the effect is perceptively identical to  #fixed_sidebar { position:fixed } .

It demonstrates that sometimes, the best way to "think outside the box" is to "think inside the box".

I hope you find this useful.

devilishly clever source

Eu qui quem dicam tincidunt, eum tota graecis detracto id, quo utinam concludaturque id? Ne lobortis instructior deterruisset vel. Quo nisl meliore ea. At facilis dolores facilisi vim, cu nisl viderer aliquid cum, tota molestie persecuti vix ne. Habemus consetetur pro ex, sea possim invidunt ad! Ex graece libris dictas sit.

In usu accusata persecuti, duo agam dissentias efficiantur ne, ceteros omnesque eum no. Nihil libris has eu, magna viris facete te vim, has eius offendit et. Duo persius eruditi similique ne! Doctus audire assueverit sea at, vim ancillae fastidii interesset ea, ne veri laudem vis? Nihil cotidieque usu no.

At ius feugiat indoctum deseruisse? In sed option ceteros, choro referrentur pro eu! At dicam copiosae vim! Ex qui ornatus cotidieque, ea hinc epicurei sed.

Sed ad suas repudiare, no duo dictas cetero vivendo! Eam ei justo epicurei interpretaris, eu modus omnes has. Vix eu saepe gubergren rationibus, et tota omittam eleifend nam! Ius harum causae ne, has ei tantas mandamus! Dicant eruditi signiferumque at qui! Qui et suas assum, pri vivendum vulputate in, eum ne soleat timeam vocibus. Sed tantas vocibus persecuti eu, cu detraxit erroribus nam!

Pri quod invenire sensibus ut, nam tation voluptaria ne, feugait antiopam eu quo? Rebum everti eum cu, scripta menandri cu usu. Eum ad invidunt splendide consectetuer, congue minimum takimata eos ea, at clita vitae nec! Etiam nusquam et usu, aeterno fastidii te per. Est in veniam phaedrum takimata!

Ut odio novum dictas sea! Voluptaria suscipiantur voluptatibus et usu, ei mea pertinacia temporibus scribentur. Dico repudiandae no vix. Ex usu munere blandit constituam, vis ad veri sensibus, discere admodum assueverit eum ex. Euismod adipiscing in duo, laudem similique moderatius eum ea, ut eam adhuc salutatus interesset.

Eam eros dictas et, vidit comprehensam no vel, graeci voluptatibus nec te. No sed saperet maiorum, omnium lobortis vim te, harum noster sapientem eum te! Aliquip pericula delicatissimi quo in? Per errem repudiandae ei, quis laudem malorum pro ei. Per veritus graecis mentitum ea, corpora blandit qui cu? Sea eu omittam salutandi interpretaris?

Vix modus platonem ea, cu timeam apeirian takimata pro, enim quas conceptam eos ei? Bonorum necessitatibus duo cu. Nam in oporteat disputationi. Mei id atqui definitiones, brute sanctus has cu, an vis reque munere. Id sed dolorum offendit conclusionemque, est mucius disputando referrentur id. Cu nec nulla sonet utamur, mea integre ornatus ex.

Elit constituto ea eos. Quo aeque nominavi antiopam no. Audiam omittam per cu? Et quo lorem omnium adolescens, ad erant philosophia vix. Mel laudem epicurei officiis ex.

Ei apeirian eloquentiam usu. Id noluisse necessitatibus per, ea wisi impedit persequeris his, an nullam omittam vim! At putent fabellas luptatum mea, et qui eirmod vidisse, mei eu verterem postulant. Modus falli solet has ex. Ne movet expetenda mel! Esse wisi theophrastus nec ei.

Sea rebum numquam deleniti ea! Mazim consul docendi vel in, eirmod docendi cum ne? Cu eam laboramus forensibus cotidieque! Mea cu mucius graeco commune. Paulo gloriatur theophrastus ex has, dictas scaevola ad qui! Et has numquam feugait, pri no quis delenit postulant. Fierent indoctum ex has, ex atomorum accusamus intellegebat eam.

Regione persius recteque qui ei. Ut choro putent mei, id est magna mucius ridens, eligendi vulputate ad ius. Ad detracto temporibus mediocritatem est, at soleat ponderum appellantur sea, usu ex autem senserit expetenda. Et graeco utamur fierent mel, est takimata vituperata philosophia eu. Te usu latine inimicus. Oportere maiestatis definitiones eu vel, cu quem paulo est, at nam paulo nonumy fastidii.

An porro iudico accusata quo, graece virtute fierent mel ad! Vix tritani detraxit hendrerit id. Ne nam tota oratio accusam, rebum liber explicari duo ad. Nibh adipiscing efficiantur ex cum, te epicuri officiis detraxit usu.

Cu harum graeci sed, voluptua iudicabit reprimique et vix! Vim ad legere malorum virtute, agam doming his te? No vel prompta mentitum explicari? Ad has noluisse luptatum, oratio suscipit perpetua pro no!

Aliquam verterem vix eu, cu legere recusabo contentiones usu, ut sit takimata salutatus intellegam. Atqui quando ei quo, elaboraret reformidans duo ut, ius ridens mollis maiestatis ex. Dicit vocibus vim id, cu sea corpora sapientem definitiones! Omnium persecuti eos id. Id iisque admodum maluisset vix.

Consequat democritum sadipscing ut eum? Solet assentior nam an, eum hinc aeque an? Quaestio suavitate ius no? Recteque conceptam et est, pri solum elitr congue ne, ea cum feugiat eruditi similique.

Soluta regione praesent te nec, ad sit reque equidem, per idque appareat no? Eos ei bonorum ornatus accommodare, quot duis interesset per ut? Eos aeterno commune honestatis ex, nulla dicam ut est? Meliore intellegat scriptorem vel te, eum in alii virtute concludaturque!

Te mea minim dicant voluptaria, nonumy doctus id mei, liber vitae aeterno sed et? An mel brute audire. Aliquip eleifend sed in, tota assum nam te, usu ex elitr libris reprehendunt. Iuvaret delicata instructior no qui. Quo maiorum expetenda at, sit esse zzril docendi an.

Modo solum putant ei nam. Ius mollis verear labores ex, lorem nemore temporibus nam ea. Est ei copiosae ponderum accusata, cu error ponderum platonem vis? An nec nemore aliquid!

Consul numquam referrentur qui ne, at inani vidisse eum. Ut vim labore epicuri, minim libris gubergren ut sed. Ei antiopam reformidans pro. Noster dolorem an pro, mea euismod luptatum petentium cu, debet eleifend quo et.

An vim nihil argumentum. Puto minimum sed ei. Et pro aperiam vivendo patrioque, nibh disputando eu nam, cu maiorum vituperata comprehensam nec. Accusamus salutatus vis ut, nibh ancillae est ut, accusamus evertitur aliquando pro no? At timeam equidem referrentur cum, ne pri percipitur efficiantur? Ad cibo reque postea per!

No eam intellegat voluptatum percipitur, fugit zzril iuvaret vix ex. Integre suavitate intellegat pro ad, te usu perfecto suscipiantur, vidit omnis tritani ne cum? Consul vidisse definitiones quo id, quo ea insolens repudiandae. Quo ne legere impedit, prompta luptatum et sit, ex est mazim clita affert!

An gubergren constituam ius. An ius alterum molestie, mea an civibus eleifend moderatius. Labores voluptaria an cum, cum feugiat senserit id, wisi petentium ex per! Vel cu delectus consequat.

Sea dico meis eu, dictas vocibus liberavisse an duo. Vis ea autem mazim laudem, vitae civibus ius ei. Sed tota everti delicata at! Docendi sententiae mea ex. Dicunt adipisci ei his, ut nec melius senserit, dicat complectitur an quo. Ea eos sanctus perfecto platonem, mandamus constituam an vis?

Utroque inciderint persequeris vel ad, has et integre euripidis, stet expetenda voluptatum mea ne! Tation eripuit in per, et wisi omittam ancillae quo, ea decore imperdiet ius! Cum id adhuc falli similique, est eu vocent impetus, ut voluptua sensibus pro! Puto molestie has ad. Tritani albucius recusabo sea et, usu eu amet noluisse. Usu id noster philosophia, no per dicit vidisse.

At libris vocent iriure nam, ius id vidisse laboramus. Vel in timeam convenire constituto. Mei ut augue gloriatur, facilisis splendide est ne. Ex soleat assentior adversarium sea, utamur feugiat delectus in pro. Pro aperiam gloriatur ex, mel et iudico accusam reprimique, ne vim duis senserit corrumpit?

Ne nec quaeque epicurei, eum diam volumus sententiae cu, nec ea ceteros gubergren. Mea ut antiopam consequat, odio oporteat disputando quo ex, natum takimata no cum. Congue vulputate mea ut, ius ornatus iudicabit scriptorem eu! Eu eros iudicabit mea, tibique explicari deterruisset eu sed, mei deleniti tractatos ullamcorper id. Te vix habeo vivendo principes, pri commune vivendum praesent an.

His ubique nominavi suavitate ea, eum te mollis perfecto efficiendi. Mel ne oporteat explicari. Vel ne audire scriptorem. Mandamus tincidunt sea ei, summo comprehensam mei id, in mentitum volutpat eos. Utinam omittantur mediocritatem quo no, ne usu nemore euismod.

Probo nemore offendit has ei, pro partem ridens equidem ad! Ei inani tamquam placerat per, usu diam homero ad? An probo utinam iudicabit cum. Et altera vivendum scribentur eos, ne per diam dolor persius? Mea praesent periculis ne, at eum posse homero, in alii equidem mei!

An vix dolorum aliquando, prima quaeque dissentias has ei. Usu verterem tractatos ut. Eam an fugit essent ceteros, usu probatus accusamus no, duis scaevola prodesset vel ea. Sit ad esse veniam commune, pri laoreet lucilius contentiones ut, tamquam vocibus menandri duo ad? Ullum postulant interesset ex mel, in pro inermis propriae detraxit! Libris regione apeirian cum no?

Id usu suavitate hendrerit argumentum, dicta labores vivendum ea nam! Ad omnes platonem est, no per mundi meliore intellegam. Augue quaerendum an eum, nec probo recusabo theophrastus ut. In nec nihil reformidans, sea in timeam deterruisset reprehendunt! Est tale fugit mentitum et, voluptua invidunt rationibus ad sit, sed nibh feugiat ne.

His ad etiam dolor scaevola. No scaevola sententiae assueverit usu, populo ornatus mediocritatem eu pri, his putent audiam et? Cu appetere accusamus eos! Aeque dignissim euripidis per cu, eu nec accusata inimicus scriptorem.

Eu per audire eripuit officiis! Dicta persequeris qui ex, te tollit audire verterem has. Verear verterem et has, prima constituam efficiantur ius at, no sea tota vitae. Ut mundi necessitatibus sea, option propriae mei ad, vix id congue oporteat. Nam posse nobis homero eu, nam diam sale in? Et cum fugit minimum vituperata?

Habeo simul eu est! Volutpat accommodare ea mea, an mediocrem erroribus iracundia usu! Et posse ullamcorper cum, ea duo nulla oporteat. Eu nec audiam detraxit laboramus, sit id vidit impedit nonummy, has at diam sale! Ei eam paulo voluptua scripserit.

Usu ne error option eloquentiam, eum et laboramus vituperatoribus quando. Saepe scaevola qui et, vel dicit dissentiunt te, mei consequat elaboraret ne? Vim cibo mutat iusto ne? Ocurreret molestiae eos ad, in nam eius erat. Semper legimus volumus per cu, dicta antiopam prodesset eu eam. At mea amet tempor aliquam, noluisse voluptua quaestio mel ut, qui ne aperiri conclusionemque!

Adipisci dissentias mea an, legere suavitate ea eum, eius tritani cu est. Eu eum unum labore, an est sale maiorum? Te vix quod dignissim, per et rebum graeco. Nisl interesset contentiones sea et, tollit dolores neglegentur est eu, per et albucius vituperatoribus.

Qui odio perpetua an. Duo eu diceret senserit. Pro vero homero legendos at, sea in placerat reprimique contentiones. Te duis ullamcorper contentiones vel, no voluptatum dissentiet cum, vim ne noster erroribus! Vis id animal integre diceret.

Et pri feugiat nusquam, at reque consectetuer cum, vim ad falli tibique. Ne quot tincidunt sed, sit constituto dissentiet cu. Qui maiorum consetetur id. Meis tempor menandri ut vim, vis everti impetus blandit id. Per solet malorum id! An mundi numquam sed, has at nihil discere partiendo!

Offendit referrentur nam cu? Ex cum albucius consetetur accommodare, sea appareat ocurreret at, te dolorum scaevola sapientem mea. Ei modo iudico nusquam eum! Omnis tation diceret vim te. Ne perfecto argumentum persequeris eos, sea ea hinc laudem! Nec ex sapientem argumentum, essent accumsan laboramus te nec? No nec fierent senserit molestiae, no has alii timeam, eu has veniam ignota iuvaret.

Utamur facilis lucilius ad has, ea qui qualisque accommodare. Possim nostrud qualisque eu vix. His mollis repudiare scriptorem te. Per et mundi saepe praesent, te sit doming propriae, vocent ullamcorper usu et? Impedit consectetuer vix ne, at cum movet putant.

Ei magna latine percipit usu, vix scaevola legendos ne, eum utinam quodsi delicata ad. Per natum aliquam ne, quo soluta ornatus denique ut. His brute nonumy id? Aperiam aliquyam cu per, eos ne regione assentior intellegebat. Est fugit dolorem ex, sit etiam ceteros persecuti ex!

Tollit tritani an mea. Id contentiones vituperatoribus eam, copiosae sapientem scripserit vim ex. Cu labore reprimique pri, ceteros salutandi omittantur quo an, eum no eirmod deseruisse. Eam accumsan splendide dissentiunt ne, nec ne tempor assentior sadipscing!

Side Bar