Pano in Seite mit divs einbinden

    Hallo, ich hätte eine Frage zum einbinden von einem Pano in Html. Ich habe eine Html Seite mit divs.
    header, content und footer. header und footer haben eine feste höhe (80px) der content soll sich dann jeweils der Fenstergröße anpassen. Was soweit auch funktioniert.
    Das pano wird per "embedpano" in den content geladen, aber das pano füllt nicht die gesamte Höhe des content Bereichs aus.

    Wie bekomme ich das hin, das das Pano sich der Fenstergröße anpasst.

    Hier ein Bsp. wie es aussehen sollte: http://www.paris-26-gigapixels.com/index-en.html

    Egal was für eine Fenstergröße, das pano passt sich an. Wie geht das?

    Danke schon mal...

    Hallo Klaus,

    danke für die schelle Antwort. Das mit den Standardeinstellungen habe ich schon probiert, ohne Erfolg. Wenn ich den content div auf 100% stelle geht es, nur dann geht das Pano über den footer. Nehme ich dann nur z.B. 87% für die contenthöhe geht es zwar bei meiner Auflösung, sobald sich die Browsergröße ändert, ändert sich halt auch wieder die höhe des Inhalts (pano) und dadurch gibt es zwischen footer und inhalt einen Abstand.

    Hast Du vielleicht noch einen Tip?

    Jetzt habe isch den Tip von toosten getestet, und um eine function erweitert, und es geht!!!!!

    hier der Code:

    <script type="text/javascript">
    sh=window.innerHeight;
    sh=sh-120
    alert(sh);
    function andern()
    {
    document.all.pano.style.height = sh + "px";
    alert(sh);
    }

    function Fensterweite () {
    if (window.innerWidth) {
    return window.innerWidth;
    } else if (document.body && document.body.offsetWidth) {
    return document.body.offsetWidth;
    } else {
    return 0;
    }
    }

    function Fensterhoehe () {
    if (window.innerHeight) {
    return window.innerHeight;
    } else if (document.body && document.body.offsetHeight) {
    return document.body.offsetHeight;
    } else {
    return 0;
    }
    }

    function neuAufbau () {
    if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
    location.href = location.href;
    }


    </script>


    <body onload=andern() >

    <script type="text/javascript">
    /* Überwachung von Internet Explorer initialisieren */
    if (!window.Weite && document.body && document.body.offsetWidth) {
    window.onresize = neuAufbau;
    Weite = Fensterweite();
    Hoehe = Fensterhoehe();
    }
    </script>

    -------------

    vielleicht ein bißchen abenteuerlich, aber funzt *g*

    falls mir einer von euch noch einen Tip geben kann den Code zu säubern, wäre ich euch dankbar.

    Ansonsten schon mal Danke an alle für die Hilfe.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login