Div vergrößert sich nicht...

  • Div vergrößert sich nicht...

    Guten Tag nette Member!

    Ich habe jetzt das Design fertig und möchte die erste Seite machen..

    Nun kommt das Problem:
    Der Div indem die Seite liegt vergrößert sich nicht..
    Das klare Problem das der Background nicht weitergeführt wird...

    Code:
    Spoiler anzeigen

    HTML-Quellcode

    1. <body class="bgimage" style="background-color: #000000;" >
    2. <div class="background">
    3. <div class="container">
    4. <div class="header">
    5. <a href="http://www.facebook.com" title="Facebook"><div class="facebook"></div></a>
    6. </div>
    7. <div class="menubar">
    8. <div class="button">
    9. <div style="background-image: url(Pictures/Icons/home.png); height: 24px; width: 24px; position: relative; top: 8px; left: 8px; float: left;"></div>
    10. <span style="font-family: Walkway; font-size: 28px; position: relative; top: 5px; left: 25px; ">Home</span>
    11. </div>
    12. <div class="button">
    13. <div style="background-image: url(Pictures/Icons/crew.png); height: 24px; width: 24px; position: relative; top: 8px; left: 8px; float: left;"></div>
    14. <span style="font-family: Walkway; font-size: 28px; position: relative; top: 5px; left: 25px;">Crew</span>
    15. </div>
    16. <div class="button">
    17. <div style="background-image: url(Pictures/Icons/bilder.png); height: 24px; width: 24px; position: relative; top: 8px; left: 8px; float: left;"></div>
    18. <span style="font-family: Walkway; font-size: 28px; position: relative; top: 5px; left: 25px;">Bilder</span>
    19. </div>
    20. <div class="button">
    21. <div style="background-image: url(Pictures/Icons/car.png); height: 24px; width: 24px; position: relative; top: 8px; left: 8px; float: left;"></div>
    22. <span style="font-family: Walkway; font-size: 28px; position: relative; top: 5px; left: 15px;">Fahrzeug</span>
    23. </div>
    24. <div class="button">
    25. <div style="background-image: url(Pictures/Icons/Race_Flagge.png); height: 24px; width: 24px; position: relative; top: 8px; left: 8px; float: left;"></div>
    26. <span style="font-family: Walkway; font-size: 28px; position: relative; top: 5px; left: 25px;">Rallyes</span>
    27. </div>
    28. </div>
    29. <div class="main">
    30. <div class="headdiv"><img class="headtextpic" src="Pictures/Icons/page.png" /><span class="headtext">Crew</span></div>
    31. <div style="width: 700px; position: relative; left: 50px; top: 30px; height: 150px;">
    32. <img src="Pictures/nopic.png"/>
    33. <div style="position: relative;left: 200px;"> asdf</div>
    34. </div>
    35. <img src="Pictures/line.png" style="position: relative; top: 150px;" />
    36. </div>
    37. <div class="footer">
    38. <span class="footer-text" style="float: left; position: relative; left: 50px; top: 25px; font-size: 18px;">Impressum</span>
    39. <span class="footer-text" style="float: left; position: relative; left: 50%; margin-left: -200px; top: 25px; font-size: 13px;">Copyright by Waldviertler Rallye Team</span>
    40. <span class="footer-text" style="float: left; position: relative; left: 600px; top: 25px; font-size: 18px;">Home</span>
    41. </div>
    42. </div>
    43. </div>
    44. </body>
    Alles anzeigen

    Hoffe ihr seht den Fehler raus...

  • Ich habe bereits repeat-y drinnen...
    Und das Problem ist ja das der Footer auch nicht weitergeschoben wird...
    alles einfach überdeckt

    Neue Entdeckung:
    Ich habe jetzt unter meinen Profilbild einen Text erstellt und der wird hinter dem Profilbild erstellt...
    Daher könnte ich mir vorstellen das er die Divs mit geänderter Position nicht erkennt und daher der Div klein bleibt..
    Nur wie kann man das beheben?

    Info: Jedes Div im Main-Bereich hat eine andere Position..
    Das muss aber sein sonst klebt alles am Rand..

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Opa_Schlumpf ()

  • Wichtig ist dieser Bereich:

    HTML-Quellcode

    1. <div class="main">
    2. <div class="headdiv"><img class="headtextpic" src="Pictures/Icons/page.png" /><span class="headtext">Crew</span></div>
    3. <div style="width: 700px; position: relative; left: 50px; top: 30px;">
    4. <img src="Pictures/nopic.png"/>
    5. <div style="position: relative;left: 200px;">Profil-Informationen</div>
    6. </div>
    7. <img src="Pictures/line.png" style="position: relative; top: 150px;" />
    8. </div>

    Wobei das Bild "line.png" die Weiße linie ist und man erkennt klar das die unter den den Hintergrund ist..
    Habe deine Idee versucht nur ohne erfolg..
    Eigentlich sollte die div Größe eig. automatisch geändert werden..

  • Ich verstehe nicht einmal was genau falsch ist, welcher Hintergrund soll wie und wo wiederholt werden?

    PS: Es wäre besser wenn du XHTML und CSS trennst, dann wird auch der Code übersichtlicher.
    Aufgrund von Zeitmangel kann ich derzeit keine neuen Inhalte schreiben und biete lediglich Support im Bereich Webdesign und CSS.
    KEIN PN-Support.

  • Hey Funktioniert!
    Danke dir.

    Ich verstehe nicht einmal was genau falsch ist, welcher Hintergrund soll wie und wo wiederholt werden?

    PS: Es wäre besser wenn du XHTML und CSS trennst, dann wird auch der Code übersichtlicher.

    Das habe ich beim Hauptcode bereits gemacht sieht man auch..
    Nur will ich nicht das die styles-Datei zu lange wird durch die Inhalte der verschiedenen Seiten..

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Opa_Schlumpf ()