Beiträge von ploss1701

  • Firefox und height

    Hallo alle zusammen,

    ich hätte da mal eine newbie Frage bzgl. css.
    Ich möchte haben: 1 Spalten Layout.
    Soweit so gut, es funktioniert, jedenfalls im IE.

    Der "rahmen" mit 800px ist in der Mitte mit rand rechts und rand links. Prima.
    Der Hintergrund ist weiß und reicht von oben nach unten, ohne rand.
    Aber nicht im Firefox. Der Inhalt in hauptinhalt/main/noscroll wird irgendwie vom FF ignoriert und deshalb (?) wird der Rahmen nicht dargestellt.

    Ich könnte jetzt ein work-around mit tables machen, aber dann werde ich es nie lernen...

    Kann mir bitte jemand einen Tipp geben, wie ich FF dazu überreden kann den Rahmen komplett darzustellen ?

    Ich danke Euch!

    Gruß
    Philipp


    body {
    background: #EFEFEF url(images/stripe_yellow.png);
    margin: 0;
    padding: 0;
    text-align:center;
    min-height:100%;
    }

    #rahmen {
    border-right:5px solid #FFF9D9;
    border-left:5px solid #FFF9D9;
    width:800px;
    min-height:100%;
    background: #FFF;
    text-align:left;
    margin:auto;
    padding-top:0px;
    padding-bottom:0px;
    }

    #logo_rahmen {
    background-color: transparent;
    width:800px;
    height:152px;
    text-align:left;
    margin:auto;
    }

    #hauptinhalt {
    position:relative;
    border:0px solid #000000;
    width:800px;
    height:100%;

    background-color: transparent;
    margin:auto;
    }

    #main {
    float:left;
    width:510px;
    height:auto;
    background-color: transparent;
    font: 0.7em Tahoma, sans-serif;
    font-size:12px;
    display:inline;
    }

    #noscroll {
    border:1px solid #EEE;
    width:480px;
    height:100%;
    margin-left:10px;
    margin-right:10px;
    padding-left:10px;
    padding-right:10px;

    }

    #navi {
    float:left;
    border:0px solid #000000;
    width:280px;
    height:610px;
    background-color: transparent;
    z-index:1;
    }

    #testfloat {
    position:absolute;
    right:30px;
    top:30px;
    z-index:1;

    }


    <body>
    <div id="rahmen">


    <div id="logo_rahmen">

    </div>


    <div id="hauptinhalt">

    <div id="main">
    <div id="noscroll">
    <h1>Test</h1>

    <h1>Also see ...</h1>

    <a href="images/factory.jpg" rel="lightbox[Fair]" title="factory">
    </a>

    </div>
    </div>


    <div id="navi">


    <div id="testfloat">
    <script type="text/javascript">Runcontrol();</script><noscript><object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/…ersion=6,0,79,0"
    id="navi_test2"
    width="450" height="450">
    <param name="movie" value="navi_test2.swf">
    <param name="bgcolor" value="#FFFFFF">
    <param name="quality" value="high">
    <param name="wmode" value="transparent">
    <param name="allowscriptaccess" value="samedomain">
    <embed
    type="application/x-shockwave-flash"
    pluginspage="http://www.adobe.com/shockwave/down…=ShockwaveFlash"
    name="navi_test"
    width="450" height="450"
    src="navi_test2.swf"
    bgcolor="#FFFFFF"
    quality="high"
    wmode="transparent"
    allowscriptaccess="samedomain"
    >
    <noembed>
    </noembed>
    </embed>
    </object></noscript>
    </div>

    </div>


    </div>


    </div>
    </body>