Problem mit Div Container

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

  • Problem mit Div Container

    Guten Tag,


    ich habe gerade ein Problem mit meinen CSS skript, ich möchte in einer Box(Marinarea = durchsichtiges feld) die aus einen Image besteht text platzieren lassen. Allerdings dachte ich immer das wenn man zwischen den Div Container schreibt dies automatisch passiert.


    HTML Skript:

    HTML-Quellcode

    1. <body>
    3. <a href="index.php"><img class="logo" src="logo.png"/></a>
    4. <div id="navbarimg">
    5. <div id="navbar">
    6. <ul>
    7. <li><a href="#">Home</a></li>
    8. <li><a href="#">Registieren</a></li>
    9. <li><a href="#">SAMP</a></li>
    10. <li><a href="#">Teamspeak3</a></li>
    11. <li><a href="#">Login</a></li>
    12. </ul>
    13. </div>
    14. </div>
    17. <div id="mainarea">
    18. test test test
    19. </div>
    21. <body>
    Alles anzeigen



    CSS Skript:

    CSS-Quellcode

    1. #mainarea{
    2. background-image:url(main.png);
    3. background-repeat:no-repeat;
    4. background-position:center;
    5. width: 1200px;
    6. height: 500px;
    7. margin-left: auto;
    8. margin-right: auto;
    9. }



    Seite zum anschauen url9.de/rzz

  • Tut mir leid ich hatte dort wenig Zeit, es ging mir darum das ich eine BOX via Image in meiner Website platziert habe. Und habe mich gefragt wie ich dort in dieser Box einen Text platzieren kann. Ich habe ihn zwischen den Div Container platziert(den Text). Trotzdem wurde er außerhalb platziert,als ich die Größe änderte ging es wie von Geisterhand.


    Lösung :

    CSS-Quellcode

    1. #mainarea{
    2. background-image:url(main.png);
    3. background-repeat:no-repeat;
    4. background-position:center;
    5. width: 745px;
    6. height: 562px;
    7. margin-left: auto;
    8. margin-right: auto;
    9. }
    10. #mainarea p{
    11. color:white;
    12. padding-left
    Alles anzeigen
    : 15px;
    }