Erstmal die codes.
html:
<body>
<div id="div-2">
<ul id="ul-1">
<li id="li-1"><a href="index.html">Startseite</a></li>
<li id="li-2"><a href="jkh.html">blabla</a></li>
<li id="li-3"><a href="kdi.html">Neues</a></li>
<li id="li-4"><a href="sjdk.html">Kontakt</a></li>
</ul>
</div>
<p>jhkjd</p>
</body>
css:
* { margin: 0; padding: 0;}
body { background: url("background-image-body-1.png"); }
#div-2 { float: left; min-width:530px; width: 100%; height: 60px;margin-top: 17px;}
#ul-1 { text-align: center;}
p { text-align: center; margin-top: 20%; border: 1px solid red;}
Nun wie ihr sehen könnt, kommt nicht nur p 20% runter sondern auch div und vermischen sich irgendwie.
Wie kann ich es machen, dass div oben bleibt?
Danke schonmal für die antworten.
html:
<body>
<div id="div-2">
<ul id="ul-1">
<li id="li-1"><a href="index.html">Startseite</a></li>
<li id="li-2"><a href="jkh.html">blabla</a></li>
<li id="li-3"><a href="kdi.html">Neues</a></li>
<li id="li-4"><a href="sjdk.html">Kontakt</a></li>
</ul>
</div>
<p>jhkjd</p>
</body>
css:
* { margin: 0; padding: 0;}
body { background: url("background-image-body-1.png"); }
#div-2 { float: left; min-width:530px; width: 100%; height: 60px;margin-top: 17px;}
#ul-1 { text-align: center;}
p { text-align: center; margin-top: 20%; border: 1px solid red;}
Nun wie ihr sehen könnt, kommt nicht nur p 20% runter sondern auch div und vermischen sich irgendwie.
Wie kann ich es machen, dass div oben bleibt?
Danke schonmal für die antworten.
