Wieso ist die Box so verschoben ?

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

  • Wieso ist die Box so verschoben ?

    Hey Leute ich habe ein Problem undzwar ist die Box unten links verschoben die soll nach oben neben der rechten box und wie mach ich die Einlogg box kleiner ?
    Hier Code

    Quellcode

    1. <html>
    2. <head>
    3. <title>Newtown Craft User Control Panel</title>
    4. <link rel="stylesheet" type="text/css" href="../temp/style.css">
    5. </head>
    6. <body>
    7. <center>Newtown Reallife - Feel your Experience
    8. <div id='rootsite'></div>
    9. <div id='lrbox'>
    10. <font size="5">Login</font>
    11. <div id='lrboxw'><form action="input_text.htm">
    12. <p>ID:<br><input name="vorname" type="text" size="30" maxlength="30"></p>
    13. <p>Passwort:<br><input name="zuname" type="text" size="30" maxlength="40"></p></form><br><center><input type=button value="Login" onClick="Login(this.form)">
    14. <br><font size="3">Wetter</font><br>
    15. <br>
    16. </div>
    17. </body>
    18. </html>
    Alles anzeigen


    Quellcode

    1. body
    2. {
    3. background-color:#daa635;
    4. color:#ffffff;
    5. text-shadow:#000 0px 0px 2px;
    6. font-size:30px;
    8. }
    10. #lrbox
    11. {
    12. background-color:#daa635;
    13. border: 1px solid #000;
    14. border-radius: 3px;
    15. hight:25px;
    16. width:250px;
    17. float:left;
    18. margin-top:100px;
    19. margin-left:40px;
    20. margin-bottom:30px;
    21. }
    23. #lrboxw
    24. {
    25. background-color:#ffffff;
    26. color:#000000;
    27. padding-top:40px;
    28. margin-bottom:30px;
    30. }
    32. #rootsite
    33. {
    34. background-color:#daa635;
    35. color:#000000;
    36. hight:100px;
    37. width:800px;
    38. margin-left:800px;
    39. margin-top:100px;
    40. float:right;
    41. padding-bottom:500px;
    42. border:1px solid #000;
    43. border-radius:3px;
    45. }
    Alles anzeigen

  • Quellcode

    1. <html>
    2. <head>
    3. <title>Newtown Craft User Control Panel</title>
    4. <link rel="stylesheet" type="text/css" href="astyle.css">
    5. </head>
    6. <body>
    7. <center>Newtown Reallife - Feel your Experience
    8. <div id='rootsite'></div>
    9. <div id='lrbox'>
    10. <div class="clear"</div>
    11. <font size="5">Login</font>
    12. <div id='lrboxw'><form action="input_text.htm">
    13. <p>ID:<br><input name="vorname" type="text" size="30" maxlength="30"></p>
    14. <p>Passwort:<br><input name="zuname" type="text" size="30" maxlength="40"></p></form><br><center><input type=button value="Login" onClick="Login(this.form)">
    15. <br><font size="3">Wetter</font><br>
    16. <br>
    17. </div>
    18. </body>
    19. </html>
    Alles anzeigen


    Quellcode

    1. body
    2. {
    3. background-color:#daa635;
    4. color:#ffffff;
    5. text-shadow:#000 0px 0px 2px;
    6. font-size:30px;
    7. }
    8. #lrbox{
    9. background-color:#daa635;
    10. border: 1px solid #000;
    11. border-radius: 3px;
    12. hight:25px;
    13. width:250px;
    14. float:left;
    15. margin-top:-502px;
    16. margin-left:850px;
    17. margin-bottom:30px;
    18. }
    20. #lrboxw {
    21. background-color:#ffffff;
    22. color:#000000;
    23. padding-top:40px;
    24. margin-bottom:30px;
    25. }
    26. #rootsite {
    27. background-color:#daa635;
    28. color:#000000;
    29. hight:100px;
    30. width:800px;
    31. margin-left:800px;
    32. margin-top:100px;
    33. float:right;
    34. padding-bottom:500px;
    35. border:1px solid #000;
    36. border-radius:3px;
    37. }
    38. .clear {
    39. clear:both;
    40. }
    Alles anzeigen