Rekordjagd mit CSS

Werbung

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.

Screenshot

Weitere Beiträge:

Über 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. Ledzep 26. Oktober 2006 at 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

  2. Tino 26. Oktober 2006 at 08:59 #

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

  3. yaph 26. Oktober 2006 at 11:34 #

    Ist das Sommerloch noch nicht überstanden?

  4. Dominik 26. Oktober 2006 at 11:58 #

    Sachen gibt’s… LOL

    LG
    Dominik

  5. Soeren Onez 26. Oktober 2006 at 13:00 #

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

  6. Hans-Jörg Hartmann 26. Oktober 2006 at 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…

  7. Konrad 26. Oktober 2006 at 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.”

  8. California 26. Oktober 2006 at 13:28 #

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

  9. betaboy 26. Oktober 2006 at 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?

  10. René Philipp 26. Oktober 2006 at 16:06 #

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

    Viel Spaß

  11. freedimension 26. Oktober 2006 at 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 ;-)

  12. Konrad 26. Oktober 2006 at 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?

  13. TOLL 26. Oktober 2006 at 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

  14. EmmJay 26. Oktober 2006 at 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.

  15. Sven Lennartz 27. Oktober 2006 at 00:00 #

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

  16. Veli 27. Oktober 2006 at 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

  17. René Philipp 27. Oktober 2006 at 11:51 #

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

  18. Buuuttton 27. Oktober 2006 at 14:59 #

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

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

  19. Schulblogger 27. Oktober 2006 at 15:39 #

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

    Endlich Ferien.

  20. TOLL 27. Oktober 2006 at 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

  21. dauerleser 27. Oktober 2006 at 19:09 #

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

  22. Buuuttton 28. Oktober 2006 at 01:43 #

    toll Toll ;-)

  23. Lukas 28. Oktober 2006 at 15:26 #

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

  24. Veli 30. Oktober 2006 at 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

  25. vero 1. November 2006 at 21:49 #

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

Trackbacks

  1. q-pain anecdotes on q-pain.de » - 26. Oktober 2006

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

  2. Dimension 2k : Blog Archive : Die höchste Webseite der Welt - 26. Oktober 2006

    [...] 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 [...]

  3. Thoughtcatcher » Blog-Archiv » Die höchste Website der Welt - 26. Oktober 2006

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

  4. VisualBlog - das VisualOrgasm-Weblog » Der höchste Container der Welt - 26. Oktober 2006

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

  5. l.Blog » Blog Archive » Die grösste - 26. Oktober 2006

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

  6. Das rote Blog » Blog Archiv » Die höchste Webseite der Welt… - 26. Oktober 2006

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

  7. Hobby’s Blog » » über 18 Kilometer Website - 26. Oktober 2006

    [...] 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 [...]

  8. Julian’s Blog » Blog Archiv » Die höchste Webite der Welt - 26. Oktober 2006

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

  9. » Verdens højeste webside: 18,939 Kilometer med musen - Weblog at bo-k dot dk - 27. Oktober 2006

    [...] 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) [...]

  10. schreibhals » - 27. Oktober 2006

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

  11. Anderscht? - 27. Oktober 2006

    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…

  12. Die höchste Webseite der Welt - 28. Oktober 2006

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

  13. ..::RHOblog::.. » Die längste Website der Welt - 30. Oktober 2006

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

  14. 200irgendwas [beta] » 18.939 | 0,02 - 10. Februar 2007

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

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free