möchte gerade meine Website quasi von Grund auf neu modelieren. Ein paar Code-Fetzen kommen aus der alten Variante dazu. Soweit-so gut...
Nur wo zum Donner kommt diese Leerzeile her (der rot umrandete Bereich)


der Relevante HTML-Code sieht aktuell so aus:
<!-- CSS-Files --> <link href="CSS/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="site"> <div class="header">Ich bin ein Header</div> <div class="content">Hallo der neue Content hier</div> </div> </body> </html>
das CSS soweit
body { background-color: #FFFFFF; background-image: url(../PFAD/ZUM/bild.jpg); font-family: verdana, arial; font-size: 14px; font-weight: bold; line-height: 1.5em; width: 90%; height: 100%; padding-top: 35px; padding-bottom: 20px; margin-top: auto; margin-bottom: auto; margin-right: auto; margin-left: auto; } .site { background-color: #aaaaaa; height: 90%; box-shadow: 5px 5px 10px #BBBBBB; } .header { background-image: url(../PFAD/ZUM/bild.jpg); background-color: #789abc; height: 200px; position: relative; } .content { background-image: url(../PFAD/ZUM/bild.jpg); background-color: #123456; position: relative; padding-left: 5px; padding-right: 5px; margin-top: 25px; height: 100%; overflow: auto; white-space: normal; }
bin ich so eingerostet? Bitte um Hilfe

Nachtrag:
Verschrieben im Screenshoot. kommt selbstredent aus "site".
Also "content" wird aus einem für mich nicht erkennbaren Grund nach "header" beendet und "content" steht dann darunter - inkl. einer Leerzeile.
Dieser Beitrag wurde von Stefan_der_held bearbeitet: 11. Januar 2019 - 13:50