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;
    7. }
    8. #lrbox
    9. {
    10. background-color:#daa635;
    11. border: 1px solid #000;
    12. border-radius: 3px;
    13. hight:25px;
    14. width:250px;
    15. float:left;
    16. margin-top:100px;
    17. margin-left:40px;
    18. margin-bottom:30px;
    19. }
    20. #lrboxw
    21. {
    22. background-color:#ffffff;
    23. color:#000000;
    24. padding-top:40px;
    25. margin-bottom:30px;
    26. }
    27. #rootsite
    28. {
    29. background-color:#daa635;
    30. color:#000000;
    31. hight:100px;
    32. width:800px;
    33. margin-left:800px;
    34. margin-top:100px;
    35. float:right;
    36. padding-bottom:500px;
    37. border:1px solid #000;
    38. border-radius:3px;
    39. }
    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. }
    19. #lrboxw {
    20. background-color:#ffffff;
    21. color:#000000;
    22. padding-top:40px;
    23. margin-bottom:30px;
    24. }
    25. #rootsite {
    26. background-color:#daa635;
    27. color:#000000;
    28. hight:100px;
    29. width:800px;
    30. margin-left:800px;
    31. margin-top:100px;
    32. float:right;
    33. padding-bottom:500px;
    34. border:1px solid #000;
    35. border-radius:3px;
    36. }
    37. .clear {
    38. clear:both;
    39. }
    Alles anzeigen