DIV

Rekordjagd mit CSS

26. Oktober 2006
von

Es gibt CSS-Probleme, die hätte man nie für möglich gehalten. Zum Beispiel dieses: Wie hoch kann ein DIV-Container werden? Jens Meiert wollte es genau wissen. Herausgekommen ist die höchste Webseite der Welt. Sie misst in Zahlen ausgedrückt exakt 18,939 Kilometer. Will man noch höher hinaus, kollabiert der Container – zumindest in Gecko-Browsern wie Firefox, und bis jemand eine bessere Lösung findet. Wer Maus und Zeigefinger etwas Training gönnen will, scrollt die Strecke gemütlich mit dem Rad ab.

scroll foto

 foto

Sven Lennartz

Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.

39 Kommentare zu „Rekordjagd mit CSS

  1. q-pain anecdotes on q-pain.de » am 26. Oktober 2006 um 07:59

    [...] danke, dr.web [...]

  2. Ledzep am 26. Oktober 2006 um 07:59

    extrem cool, dieser Website-Tower :-)

    Wolle euch nur mitteilen, dass ich sie im Firefox komplett mit dem Mausrad gescollt habe.
    Unmöglich meint ihr?

    Strg+Mausrad=Anzeige vergrößern => der Hintergrund verschwindet und es bleibt eine scrollbare Seite normaler Höhe über.
    Das wäre dann nicht die Aufzug-Methode sondern die “durchs Schwarze Loch” Methode.

    :-)

    Grüsse
    Ledzep

  3. Tino am 26. Oktober 2006 um 08:59

    Jetzt muss ich mir bald eine neue Maus kaufen. Die Alte wird diesen Marathon nicht überleben.

  4. [...] Dr. Web Weblog]  Kommentare keine | Kommentar-RSS-Feed  Trackback/Pingbacks 0 | TrackbackURI  Kategorien Coding & Co |  Webdesign |  Fun  Tags No Tags Verwandte Beiträge Fernsehprogramm für CS-MatchesEin Jahr d.2kLink-O-Rama 21-06-05gezielte DoS-Attacke gegen Heise.deHallo Welt [...]

  5. [...] [via Dr. Web Weblog] Diese Icons verlinken auf Social-Bookmarking-Websites. [...]

  6. yaph am 26. Oktober 2006 um 11:34

    Ist das Sommerloch noch nicht überstanden?

  7. Dominik am 26. Oktober 2006 um 11:58

    Sachen gibt’s… LOL

    LG
    Dominik

  8. [...] Gefunden via Dr. Web Weblog. Tags:Internet [...]

  9. l.Blog » Blog Archive » Die grösste am 26. Oktober 2006 um 12:36

    [...] via Dr. Web Kategorien: Software Leave a Comment [...]

  10. Soeren Onez am 26. Oktober 2006 um 13:00

    Was für unnütze aber witzige Ideen manche Menschen doch haben:)

  11. Hans-Jörg Hartmann am 26. Oktober 2006 um 13:08

    Starke Sache!
    Der DOM-Inspector zeigt als height an: 7,15819*10hoch7, das heißt rund 71 Millionen Pixel – das ergibt bei meinem 17-Zöller rund 19,013 km Webseitenhöhe.
    Ich werde dann mal anbauen…

  12. Konrad am 26. Oktober 2006 um 13:21

    Also die Angabe in Kilometern ist ja sowas von sinnlos … projezier es mit dem Beamer an die Wand und es kommt vielmehr raus … tststs … Angaben in Pixeln sind ok, und ansonsten: “Boah, was für ne große Zahl. Laßt uns staunen und die Einheit ignorieren.”

  13. California am 26. Oktober 2006 um 13:28

    /cl_ironie 1
    Schon klasse was heut zu tage so alles möglich ist.
    /cl_ironie 0

  14. betaboy am 26. Oktober 2006 um 14:37

    Die Idee ist ja schon witzig (genauso wie die kleinste Website der Welt), aber wenn ich die Seite mit dem Scrollbalken nach unten ziehe brauche keine 2 Sekunden. Also, wo ist der Witz?

  15. [...] (gefunden via: Dr. Web) [...]

  16. René Philipp am 26. Oktober 2006 um 16:06

    Sehr lustige Idee. Wie wär es mit zwei divs übereinander, oder so?

    Viel Spaß

  17. freedimension am 26. Oktober 2006 um 17:07

    > Also die Angabe in Kilometern ist ja sowas von sinnlos …

    So steht’s halt aber nunmal im CSS. Einfach mal durchlesen! Die Werte zu ändern ist übrigens auch recht witzig, zumindest für alle die, wie ich auch, nicht auf Anhieb verstanden haben was mit “kollabieren” gemeint war ;-)

  18. Konrad am 26. Oktober 2006 um 17:56

    > So steht’s halt aber nunmal im CSS.

    Und? Was da drin steht stimmt oder muss zumindest richtig sein? Meinst du eigentlich das CSS der Seite oder die “Definition” vom CSS-Standard selbst?

  19. [...] Wie ich gerade im Dr. Web Weblog gelesen habe, gibt es eine Webseite mit einer Länge/Höhe von 18,939 Kilometer! Das ist wohl die längste/höchste Webseite der Welt! Viel Spaß beim scrollen Trackback Permanent Link [...]

  20. [...] [via drweb.de] [...]

  21. TOLL am 26. Oktober 2006 um 21:06

    Toll, ein schönes Beispiel für sinnentleerte Beschäftigung. Versucht es doch jetzt einmal mit einem “fast” unendlichen Panoramabild (vertikal ausgerichtet). Es könnte ja z. B. gerneriert werden durch eine Wortsammlung aller bisherigen tollen Ideen. Mal sehen wie weit ihr kommt.

    LOL
    TOLL

  22. EmmJay am 26. Oktober 2006 um 22:03

    Interessant auch, dass am Anfang der Seite von neunzehntausend Kilometern Höhe die Rede ist, am Fuß der Seite sind es nur noch neunzehntausend Meter. Wenn schon so eine Seite, dann wenigstens mit verlässlichen Daten, bitte.

  23. Sven Lennartz am 27. Oktober 2006 um 00:00

    18,939 Kilometer, EmmJay. Du kennst den Unterschied zwischen Punkt und Komma? ^^

  24. [...] Verdens højeste webside er angiveligt 18,939 kilometer høj (nej, jeg har ikke tjekket ;-) De 18,939 km. er i følge det oplyste største mulige højde på en DIV container. (Via Dr. Weblog) [...]

  25. schreibhals » am 27. Oktober 2006 um 01:19

    [...] eigene angabe / shit happens [via drweb.de] am 27. Oktober 2006 in www | [...]

  26. Veli am 27. Oktober 2006 um 08:42

    Was´n daran cool? Blödsinn wie so vieles was im Netz sich so alles auftürmt! Nautürlich gibt es auch echt gute Seiten, wie z.B. guckst Du: http://www.matschmore.twoday.net
    Gruß vom Kleinstwebseitenhersteller

  27. René Philipp am 27. Oktober 2006 um 11:51

    Hallo Fans, gehts so eine Formatierung auch in der Breite? Wer traut sich den Test denn zu? Viel Spaß

  28. Buuuttton am 27. Oktober 2006 um 14:59

    Natürlich ist es relativ sinnlos… aber eine lustige Idee!

    Und … manchmal ist das alleine schon was Wert – nur eine Idee
    umzusetzen. …. :-)

  29. Schulblogger am 27. Oktober 2006 um 15:39

    LOL, was es nicht alles gibt! Jetzt bin ich wieder etwas schlauer. Danke Dr. Web! ;-)

    Endlich Ferien.

  30. TOLL am 27. Oktober 2006 um 16:33

    …dann habe ich da auch eine lustige Idee: Wie wäre es, wenn am Ende der längsten Seite ein link anwählbar ist mit: “Weiter nächste Seite” der Klicker=Scroller wieder nach oben geleitet wird und so alles von vorne beginnen kann. Gut oder?

    Na gut, vielleicht doch nicht so toll. Aber wie wäre es mit einem Knöpfchen ganz unten: “Seite drucken”?

    Auch nicht gut? Na gut, aber ich hab´ es wenigstens versucht.

    lol
    TOLL

  31. Anderscht? am 27. Oktober 2006 um 18:47

    Die hoechste Webseite der Welt…

    Nanu? Wie meint er das? Speicherplatz? Verlinkte Seiten? Oder vielleicht doch irgendwas anderes? Ja ich meine was anderes. Und zwar die Höhe. World’s Highest Website ist diese Rekordseite. Sie ist exakt 18,939 Kilometer hoch. Wer also ein pa…

  32. dauerleser am 27. Oktober 2006 um 19:09

    ich mach das mit der breite! dauert vielleicht lange, aber ich werds schaffen

  33. Buuuttton am 28. Oktober 2006 um 01:43

    toll Toll ;-)

  34. Die höchste Webseite der Welt am 28. Oktober 2006 um 11:13

    [...] via Dr. Web Weblog CSS, Funny, Webdesign (Gelesen: 1 / heute: 1 ) [...]

  35. Lukas am 28. Oktober 2006 um 15:26

    Ich bin faul. Ich benutze den Fahrstuhl, das machen meine Finger nicht mit.

  36. [...] Aus Spass an der Freude. via Dr. Web   [...]

  37. Veli am 30. Oktober 2006 um 21:46

    …so so..Ambitionen für the high-est, the bright-est and the bigg-est?! Whats´s about the thinnest possible site or one site with the absolutly most colors of the Klingonen world? Good luk Monsione LUL

  38. vero am 1. November 2006 um 21:49

    Solche Seiten braucht der Erdball !
    Schönes Bistro in Etage 379 ;-)

  39. 200irgendwas [beta] » 18.939 | 0,02 am 10. Februar 2007 um 12:55

    [...] refresh, eigene angabe, shit happens [via drweb.de] am 10. Februar 2007 in wwwehtut | [...]

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*