• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Seite geht nach unten hin weiter!

Hateh-em-Ell

Neues Mitglied
Hey,

habe ein kleines problem unzwar bei meiner website kann man ziemlich weit nach unten scrollen, wie kann ich die seite nach unten hin limitieren?
 
Werbung:
Werbung:
Oh ok sorry. spectografix.de

code:

<!doctype html>


<html>
<head>

<title>spectografix grafikdesign.</title>

<style type="text/css">

#mainbox {position:absolute;border:dashed 2px white;width:400px;height:200px;left:460px;top:280px;}

body {background-color:black}

.navigation {color:black;font-family:impact;}

#navi {position:absolute;left:400px;top:263px;}

.dot {color:white;font-size:900px;}

#dot {position:absolute;top:-1170px;left:790px;}

.dottext {color:black;font-family:impact;font-size:25px;}

#dottext {position:absolute;left:876px;top:500px;}

body {margin:200px;}

#navigationbox {position:absolute;width:60px;height:30px;background-color:white;left:395px;top:275px}

#starttext {position:absolute;left:475px;top:300px;}

.starttext {color:white;}

#navigationboxx {position:absolute;width:60px;height:30px;background-color:white;left:395px;top:310px}

#navitwo {position:absolute;left:397px;top:304px;}

.navigationtwo {color:black;font-family:impact;font-size:12px;}

#start {position:absolute;left:490px;top:247px;}

.start {color:white;font-family:impact;}

#bigbox {position:absolute;border: 2px dashed white;height:370px;width:565px;left:390px}

#scissor {position:absolute;left:363px;max-height:40px;top:550px}

#title {position:absolute;left:186px;top:524px;}

.title {color:white;font-family:impact;}
</style>


</head>

<body>

<div id="bigbox"></div>

<div id="mainbox"> </div>

<div id="navigationboxx"></div>

<div id="navigationbox"></div>


<a href="kontakt.html"><p class="navigation" id="navi">kontakt</p></a>

<a href="impressum.html"><p class="navigationtwo" id="navitwo">impressum</p></a>

<div id="dot"><p class="dot">.</p></div>

<a href="index.html"><div id="dottext"><p class="dottext">start.</p></div></a>

<p class="starttext" id="starttext">Willkommen bei Spectografix. <br /> Diese Seite ist noch im Aufbau-.</p>

<p class="start" id="start">start</p>

<img src="scissor.png" id="scissor"/>

<h1 class="title" id="title">spectografix</h1>
</body>


</html>


ich hab erst vor kurzem angefangen und es gibt sicherlich eine menge was man sich hätte sparen können seh ich das richtig? :D naja zurück zum thema...
 
also auf jeden fall liegt dein fehler in der schriftgröße der klasse "dot".
die schrift ist so groß, dass der browser die seite nach unten hin erweitert.
jedenfalls kann ich dir leider nicht weiter helfen, da ich deinen code ein wenig verwirrend finde.

ich will dir diese tipps mit geben:
- verlagere dein css in ein externes stylesheet (is übersichtlicher, finde ich)
- arbeite nicht mehr mit absoluten positionsangaben. nicht jeder monitor hat die gleiche auflösung. bei kleineren monitoren wird dein inhalt weit nach unten rechts verschoben.

ich würde deine seite so aufbauen:
du gibst einem wrapper(div) zb eine bestimmte breite vor (900px); dann zentrierst du den div mit margin auto; jetzt machst du einen zweiten div in deinen wrapper, der deine navigation enthält, dieser div hat den abstand x% von der oberen kante des anzeigefensters des browsers und eine festgelegte höhe (400px); in diesen div machst du deinen dritten div, der dann deinen inhalt enthält (den div kannst du mithilfe von margin platzieren)

gruß
 
also auf jeden fall liegt dein fehler in der schriftgröße der klasse "dot".
die schrift ist so groß, dass der browser die seite nach unten hin erweitert.
Bei font-size: 900px ist das ja kein Wunder. Nimm dir die Ratschläge von Infomercial zu Herzen.
 
Werbung:
Vielen Dank. Zufälligerweise hab ich das mit den Divs wrappen heute auf Youtube gesehn. Ist wirklich um einiges schlauer *facepalm*. Und das mit der Schriftgrösse..dazu nur ein lol xD, auch danke dafür!

Jo damit wäre alles geklärt. Thread kann gecloset werden.

tschösen

euer amir.
 
Zurück
Oben