Div in 100% Höhe

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • das mit dem Div Größen anpassen schau ich mir auch gleich mal an

    Quellcode

    1. #site { position:absolute; top:140px; left:-5px; width:800px;z-index:2; background-color:#000000; -moz-border-radius:12px 12px 12px 12px; border: 3px solid #006108;min-height: 100%;}


    Das klappt iwie nicht :( ich habs auch schon probiert so wies da steht im tutorial

    Quellcode

    1. html, body {
    2. margin:0;
    3. padding:0;
    4. height:100%;
    5. }
    6. div#container {
    7. min-height: 100%;
    8. }
    9. * html #container {
    10. height: 100%;
    11. }
    Alles anzeigen


    aber das klappt auch net wenn ich das ganze benutze :( was mach ich nur immer falsch :/

    hier meine version davon

    Quellcode

    1. html, body { margin:0; padding:0; height:100%; color:#FFFFFF; background-color:#FFFFFF; text-align:justify;}
    2. #site { position:absolute; top:140px; left:-5px; width:800px; min-height: 100%;z-index:2; background-color:#000000; -moz-border-radius:12px 12px 12px 12px; border: 3px solid #006108;}
    3. *#site {height:100%;}


    wenn ich das ganze mache ist das vllt:150px groß aber wenn ich 760% einstelle so wie ichs wollte passt sich dann aber auch nicht in der größe an also mit der auflösung 1024x768 passts dann net
    Meine Sprachen: C, C++,C# PHP
    E-Mail | MSN: gre.burgstaller@aon.at

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Donasa ()

  • Ich habe gerade keinen IE zum testen, aber wenn du folgende Seite im IE anschaust, dann ist das nicht komplett rot?

    Quellcode

    1. <html>
    2. <head>
    3. <style type="text/css">
    4. html, body {
    5. margin:0;
    6. padding:0;
    7. height:100%;
    8. }
    9. div#container {
    10. min-height: 100%;
    11. }
    12. * html #container {
    13. height: 100%;
    14. }
    15. </style>
    16. </head>
    17. <body>
    19. <div id="container" style="background-color:#ff0000">
    20. alles rot?
    21. </div>
    23. </body>
    24. </html>
    Alles anzeigen

  • kann es daran liegen das ich ein top und ein left angegeben hab??
    :/ oder wie muss ich es machen :( hier nochmal die ganze css datei

    Quellcode

    1. html, body { margin:0; padding:0; height:100%; width:100%; color:#FFFFFF; background-color:#FFFFFF; text-align:justify;}
    2. #site { position:absolute; top:140px; left:-5px; width:800px; height: 410;z-index:2; background-color:#000000; -moz-border-radius:12px 12px 12px 12px; border: 3px solid #006108;}
    3. *#site {height:100%;}
    4. #side_context {position:absolute; top:5px; left:5px; width:785px; height:370px; z-index:3; overflow:auto;}
    5. #copy { position:absolute; top:520px; left:-5px; width:806px; height:10px; z-index:10000;font-size:-3;}
    6. #UAC_ges{ position:absolute; top:15px; left:15px; width:800px; height:130px; background-color:#000000; -moz-border-radius:12px 12px 12px 12px; border: 3px solid #006108;}
    7. #UAC_user{ position:absolute; top:20px; left:20px; width:785px; height:100px; background-color:#000000; font-size:10pt;}
    8. #UAC_link{ position:absolute; top:100px; left:100px; width:785px; height:15px; z-index:10000; }
    9. #UAC_user_logo{ position:absolute; top:25px; left:25px; width:50px; height:50px; z-index:10000; }
    10. #UAC_user_pic{ position:absolute; top:25px; left:300px; width:50px; height:50px; z-index:10000;}
    11. #UAC_user_other{ position:absolute; top:25px; left:160px; width:695px; height:50px; z-index:1000; }
    12. a{color:#85b0c6}
    13. a:hover{color:#85b0c6}
    14. a:visited{color:#85b0c6}
    15. #normal{color:#85b0c6}
    16. input {border: 2px solid #002E38; background-color:#000000; color:#85b0c6;}
    17. #copystyle{font-size:-3;}
    Alles anzeigen
    Meine Sprachen: C, C++,C# PHP
    E-Mail | MSN: gre.burgstaller@aon.at