Trois div - position:absolute

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque posuere scelerisque nulla. Ut tortor. Fusce vel mi. Aliquam risus diam, gravida vitae, tristique ut, lobortis vel, tellus. Etiam placerat est ac diam. Integer consequat. Proin pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque nisl lacus, tempus at, porta in, fringilla a, tortor. Mauris massa. Pellentesque iaculis tellus eu libero iaculis egestas.

Duis rutrum tortor sit amet augue. Proin aliquet neque in tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus urna diam, tincidunt eu, rutrum nec, gravida nec, nulla. Vestibulum dolor velit, vestibulum sit amet, blandit quis, blandit vel, odio. Aliquam pulvinar nisl eget risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus augue. Morbi ut sem sit amet purus facilisis congue. Integer eu justo id erat nonummy iaculis. Phasellus fermentum justo at tellus. Nulla nisl.

Integer nibh nunc, viverra in, iaculis eget, interdum eu, lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In id ipsum ac velit dignissim placerat. Quisque facilisis urna at pede. Nunc turpis magna, gravida nec, suscipit non, adipiscing ut, nisl. Nullam elementum fermentum eros. Phasellus suscipit ligula. Fusce imperdiet lectus eget sem. Etiam ac velit. Vestibulum sed nisl. Pellentesque varius, erat quis imperdiet semper, orci odio malesuada ligula, ac euismod sem pede quis lectus. Quisque a nunc non purus lobortis gravida. Fusce posuere. Maecenas mauris magna, suscipit at, commodo aliquet, rhoncus sit amet, sem. Nunc lacinia elementum tortor. Nullam rutrum odio sit amet erat porttitor pellentesque. Quisque wisi arcu, porttitor nec, facilisis sed, bibendum id, pede. Pellentesque quis diam nec dui condimentum vestibulum.

In suscipit, est in tempor convallis, augue ipsum euismod augue, lacinia tempor elit diam non velit. In tellus nulla, dapibus sit amet, interdum id, dictum nec, urna. Sed tempor nulla sit amet diam. Sed tristique venenatis enim. Nam semper posuere purus. Aliquam sit amet mauris. Proin blandit nunc vitae urna. In nibh arcu, pretium ac, scelerisque at, tempor sit amet, eros. Cras quam nunc, tempus id, varius et, luctus in, dui. Phasellus non urna ac dui dignissim lobortis. Nulla congue turpis tincidunt tortor. Phasellus congue ante at eros. Nulla ac metus. Pellentesque consequat massa sit amet quam.

Fusce laoreet dolor ac sem. Donec urna nibh, sodales vitae, sollicitudin ac, lacinia hendrerit, nunc. Nullam nulla. Fusce lobortis, ipsum ut porttitor sollicitudin, turpis wisi iaculis erat, vel elementum quam lectus eu purus. Nunc neque. Aliquam pulvinar sapien. Curabitur rutrum, eros nec semper porta, massa quam gravida elit, eu rutrum pede urna et mauris. Integer ornare vulputate risus. Mauris arcu mauris, cursus ac, tincidunt a, accumsan sed, nibh. Curabitur dui tellus, blandit eget, facilisis aliquet, faucibus id, leo. Cras sollicitudin. Nullam metus. Sed elit urna, semper vel, malesuada quis, pretium sed, wisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eros. Pellentesque sem dui, eleifend eget, malesuada ut, tincidunt in, tellus. Morbi a nunc. Integer congue ante. Ut ante diam, lacinia vitae, mattis eu, bibendum eget, nunc. Curabitur convallis dictum ante. Nulla facilisi. Cras vitae nibh. Donec nec urna id libero venenatis suscipit. Morbi sagittis metus aliquet sapien. Nunc quis mi in sapien accumsan bibendum. Etiam condimentum. Aenean aliquet felis at massa. Ut elementum dui faucibus est.

Sed ac risus in est porttitor varius. Curabitur arcu. Proin rhoncus. Nunc porttitor tincidunt elit. Donec commodo, turpis porta aliquam vehicula, neque ante convallis leo, vel molestie elit mauris et libero. Nunc nulla odio, aliquet vitae, elementum et, rutrum vel, erat. Phasellus lacus. Morbi non ligula eget tortor dictum feugiat. Nunc porttitor accumsan justo. Duis arcu. Praesent at urna et tellus condimentum scelerisque. Vestibulum malesuada placerat mi. Sed metus risus, semper vitae, laoreet sed, tincidunt a, tellus. Curabitur pede justo, molestie eget, egestas vitae, facilisis id, nibh. Nunc pulvinar accumsan velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Curabitur sed orci id ligula elementum gravida. Vestibulum ultricies tincidunt justo. Aenean quis orci ac eros vulputate suscipit. Donec egestas dignissim leo. Sed ultricies enim sit amet neque. Etiam quis ipsum suscipit arcu accumsan iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur ultricies vulputate lectus. Etiam justo massa, congue quis, elementum porttitor, interdum non, nibh. Etiam fermentum risus sed erat. Duis eget turpis sed augue gravida mattis. Praesent at massa. Phasellus lacinia purus nec lectus. Integer ut leo. Donec varius consectetuer elit. Nunc nonummy.

Maecenas at velit ut lacus accumsan interdum. Maecenas vulputate pede eu urna. In malesuada ante vel augue. Proin quam justo, suscipit eget, blandit tristique, lacinia a, metus. Fusce lobortis quam quis lorem vestibulum pretium. Morbi accumsan. In pellentesque pulvinar lectus. Nam vestibulum dolor ut elit. Duis dui justo, tristique sed, dictum vel, tincidunt id, pede. Proin risus eros, tempus vitae, elementum non, pulvinar eget, mauris. Praesent pulvinar.

Nulla eget nunc. Donec dignissim commodo magna. Nam vel neque sit amet ante nonummy fermentum. Curabitur dolor dui, faucibus in, posuere hendrerit, faucibus sed, lacus. Nullam iaculis lacinia diam. Proin pulvinar. Nullam in nisl. Fusce wisi. Etiam sed mauris non magna gravida lobortis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar aliquet neque.

Attention, ici, j'ai utilisé pour l'exemple des id totalement incorrects sémantiquement parlant. Comme le code html utilisé ici n'est présent que pour donner un exemple CSS, il est donc intimement lié à la mise en forme, ce qui ne devrait pas en temps normal être le cas. Il aurait plutôt fallu par exemple utiliser un div avec id="News", un autre id="Content" etc. Bref, un nom en rapport avec le contenu et surtout pas avec la forme que l'on veut en donner

Etiam sed diam eu orci rutrum vehicula. Praesent molestie, justo a rutrum tempus, lacus magna aliquam lorem, a blandit libero magna blandit turpis. Morbi et lacus vel augue pharetra lobortis. Nullam eu enim. Nullam fringilla tellus et erat. Etiam dictum, urna et dignissim molestie, erat urna elementum sapien, vitae scelerisque diam nulla at magna. Vestibulum eu leo. Nulla faucibus nunc sed eros. Praesent magna ipsum, imperdiet luctus, interdum vel, placerat sed, pede. Pellentesque mollis est in nisl. Nunc pretium, ipsum rutrum consequat imperdiet, ligula mauris pellentesque mauris, et pretium erat neque id diam.

Pellentesque vel pede ac massa rhoncus condimentum. Mauris id mi et orci dignissim cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nulla. Nunc euismod velit eget eros. Proin quam mauris, auctor in, elementum non, cursus nec, risus. Morbi imperdiet pulvinar lectus. Nullam dolor. Ut semper vehicula lorem. Fusce nec erat. Curabitur pretium, felis non imperdiet commodo, ante urna vestibulum ipsum, in ultrices lectus odio nec orci. Donec ac sem. Mauris pellentesque auctor nulla.

Duis vel nunc. Mauris non nunc. Aliquam erat volutpat. Phasellus vel tortor. Nullam non ligula sit amet libero gravida hendrerit. Nunc vitae elit. In tristique aliquam neque. Nullam leo nunc, commodo non, sodales eget, fringilla eu, eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Ut hendrerit leo ac eros. Sed at justo id nunc posuere molestie. Nunc tincidunt pretium ante.

Morbi vel risus in dolor rhoncus hendrerit. Aliquam ut justo. Nam in nisl sed ipsum tempor condimentum. Mauris porta, ipsum id cursus egestas, ligula pede sollicitudin enim, nec congue sem mauris lobortis velit. Quisque lobortis urna ac lectus. Mauris luctus, ante eget viverra ullamcorper, risus magna commodo wisi, sit amet pretium leo ipsum quis mi. Duis gravida condimentum lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi. Nam aliquam eros et metus. Suspendisse tortor mauris, aliquet at, viverra a, vestibulum ac, enim. Cras tincidunt lacinia augue. Nam arcu sem, euismod et, lacinia eu, condimentum eget, urna. Donec at nunc eu nunc auctor fringilla. Phasellus molestie, enim vel viverra suscipit, mi elit commodo turpis, nec semper erat massa nonummy lorem. Aenean facilisis vulputate turpis.

In dictum wisi id mauris. Aliquam in odio. Pellentesque ac nisl id lectus dictum varius. Suspendisse sollicitudin mattis nulla. Nulla quam nibh, faucibus in, aliquam quis, egestas et, leo. Vestibulum ut dolor. Cras dapibus purus eget elit. Sed pulvinar erat nec tortor. Proin et pede nec turpis imperdiet venenatis. Fusce ligula turpis, sagittis sit amet, malesuada eget, dictum id, libero. Fusce commodo diam in sem. Sed mi. In bibendum, wisi eget accumsan rutrum, purus dui blandit neque, quis pulvinar urna odio porttitor libero. Donec eget nibh. Aenean tincidunt velit nec lacus. Sed sit amet libero vel ante sodales tempor. Nullam neque enim, hendrerit non, rutrum sed, dignissim et, dui.