Text soll mit dem Margin-Boader nach unten erweitert werden

[elterPro]

PROBLEM GEFUNDEN UND GELÖST

Einen schönen Tag,

ich sitze nun schon seit längerer Zeit an einem Problem, welches wahrscheinlich total leicht zu lösen ist, aber ich weißt nicht wonach ich googeln soll und ich habe bisher noch nichts gefunden, was mir hilft. Nun zu meinem Problem :
Ich möchte auf meiner Website ( CENSORED ) folgendes verändert haben:
Mit dem Text soll auch der Rand der Website und der transparente Schwarze Hintergrund nach unten erweitert werden. Wie man momentan sieht, passiert nichts weiter, als dass Text, der nicht auf die Seite passt, einfach aus dem Rahmen tanzt und das sieht einfach doof aus. Ihr könnt euch ja den Quelltext der Seite anschauen. Hier die wichtigsten Schnipsel aus dem Code:

Der Teil von der style.css der den Rahmen erstellt:

body { 
       margin-top: 100px; 
       margin-right: 190px; 
       margin-left: 190px;  
       margin-bottom: 100px;  
       border-style: ridge;
       font-family:calibri;
       font-size:15px;
       font-weight:normal;
       color: #ffcc66;
       background-image:url(menugraph/eingangsraum.jpg);
     }

Der Teil der style.css der den leicht transparenten Hintergrund der Seite positioniert:

#menulayer { 
        position: absolute; 
        top: 105px; 
        right: 195px; 
        left: 195px; 
    bottom: 105px;
    background: url(menugraph/layer.png);
      }

Der Teil der style.css in der die Position des Textes definiert wird:

#text { 
        position: absolute; 
        top: 190px; 
        left: 200px; 
        right: 200px;
        z-index:3;
      }

Der Teil der HTML in dem der Text steht, mit dem der transparente Hintergrund und der Rahmen nach unten wandern soll:

<div id="text"><p style="padding-top:10px; padding-bottom:10px;"><center>
<h1>Willkommen</h1>
Seit geg&uuml;&szlig;t Reisender,<br>
ich bin mir sicher, dass ihr einen nicht zu kurzen Weg hierher hattet, aber ich kann euch versichern: Ihr seit hier richtig. Ihr seit in der Welt von EldersCraft, einer Welt, die es im Minecraft-Rollenspiel-Server Spektrum im deutschsprachigem Raum noch nicht gegeben hat. <br><br>
Ich freue mich, dass ihr hier seit doch bevor ich euch in unser Reich lasse, müsst ihr die <a href="gesetze.php">Gesetze</a> unseres Reiches lesen und akzeptieren. Danach steht dir nichts weiter im Wege eine <a href="bewerbung.php">Bewerbung</a> an die Götter des Reiches zu <br>
schreiben. Falls ihr noch Fragen habt, oder allgemeine Informationen zu der Welt oder sonstigem haben wollt, zögert nicht und klickt oben auf der Navigationsleiste ein wenig umher. Ihr werdet mit Sicherheit finden, wonach ihr sucht.<br>
Ich bin mir sicher, dass ihr einst eine gro&szlig;e Rolle in unserem Reich einnehmen werdet.<br><br>
Die Götter segnen euch,<br>
elterPro. <br>


HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>HAHAHA<br>




</p>
</center></div>

So ich hoffe ich habe mich verständlich ausgedrückt und hoffe auf baldige und hilfreiche Antwort! :)

Mit freundlichsten Grüßen,
elterPro

 

[Tar]

Dadurch, dass du #text absolut positionierst nimmst du ihn aus dem Fluss der Seite. Das dunkle Hintergrundbild ist in #menulayer. Gib #text das gleiche Hintergrundbild und es sollte sich weiter nach unten ausbreiten. Desweiteren würde ich dir empfehlen auf absolute Positionierung nur im Notfall zurückzugreifen und dir die Grundlagen von HTML und CSS nochmal anzuschauen.

Und noch ein Tipp: Eine Introseite OHNE Skiplink ist für mich ein Grund die Seite so schnell nicht wieder zu besuchen. Selbst mit Skiplink ist eine Introseite nichts anderes als nervig.

 

[elterPro]

Aber der Rahmen?

Größten Dank,

es hat funktioniert aber eine meiner Fragen wurde damit nicht beantwortet, nämlich, dass der Rahmen der Website auch noch mit dem Text nach unten erweitert wird.
Ja da hast du wohl recht, die Absoluten Angaben machen sich zwar auf HD Bildschirmen bezahlt aber am Laptop zum Beispiel nicht

Mit freundlichen Grüßen,
elterPro

 

[elterPro]

Es hat sich alles geklärt hab mir wie Tar gesagt hat nochmal die Basics angeschaut und habs jetzt, aber danke für den Tipp mit dem transparenten Hintergrund hätte ich so nicht gefunden.

###Close

 

[djheke]

Leider hat sich garnichts geklärt. Bitte die Grundlagen genauer lesen. Untersuch mal bitte deine Navigation.

 

[elterPro]

In der Tat, an die Navigation muss ich mich nocheinmal dran setzen, aber da muss ich ja nur das Gleiche Prinzip anwenden wie ich es bei dem Text angewendet habe.
Mfg