Div-Container ordnen sich komisch.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
arbeit
browser
code
container
fehler
folgende probleme
forum
funktionierende code
header
heuhaufen
http
nadel
probieren
problem
programmieren
schreibfehler
show
tag
text
url
-
Hallo,
Ich habe jetzt mal angefangen mir eine eigene Seite zu tag/programmieren">programmieren.
Leider habe ich folgende Probleme: Der Div-Container mit der id="text" ist verschoben und fängt nich am linken Seitenrand an. Außerdem lässt die Seite sich jetzt auch nicht mehr scrollen.+
Hier der Code: http://bilderupload.net/show/4119-code -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Okay hier ist der Code
<html> <head> <title>Website in Arbeit...</title> <!-- Style --> <style type="text/css"> *{ margin:0; padding:0;} #headerimg {left:8; top:3; height:50; width:201; position:fixed;} #header {height:50; width:100%; background-color:#f5f5f5; border-width:5; border-color:#f7f7f7; border-style:solid; position:fixed;} #button1 {left:229; top:10; height:40; position:fixed;} /*--->FIXEN*/#text {position:relative; left:0; top:0;} </style> </head> <body> <!-- Header --> <div id="header"></div> <div id="headerimg"><p><img src="img/Test.png" alt="AragurLp"></p></div> <div id="button1"><img src="img/Home.png" alt="Home" width="93" height="40" ></p></</div> <div id="text"> <p> Hi was geht <br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi </p> </div> </body> </html>
Ich dachte das wäre zu viel und ist nicht erlaubt. -
aragurlp schrieb:
Ich dachte das wäre zu viel und ist nicht erlaubt.
Warum soll das nicht erlaubt sein? Es ist doch ein Forum, wo geholfen werden soll ;)
Also Problem gelöst ...
Du hast einen Schreibfehler!
<div id="button1"><img src="img/Home.png" alt="Home" width="93" height="40" ></p></</div>
Dein Browser ist davon ausgegangen, dass das Div (id=text) in dem oben genannten Div eingeschlossen ist und verrückt ihn auch nach rechts (weil id=button1 left: 229)!
Hier der funktionierende Code:
<html> <head> <title>Website in Arbeit...</title> <!-- Style --> <style type="text/css"> *{ margin:0; padding:0;} #headerimg {left:8; top:3; height:50; width:201; position:fixed;} #header {height:50; width:100%; background-color:#f5f5f5; border-width:5; border-color:#f7f7f7; border-style:solid; position:fixed;} #button1 {left:229; top:10; height:40; position:fixed;} /*--->FIXEN*/#text {position:relative; left:0; top:0;} </style> </head> <body> <!-- Header --> <div id="header"> </div> <div id="headerimg"> <img src="img/Test.png" alt="AragurLp"> </div> <div id="button1"> <img src="img/Home.png" alt="Home" width="93" height="40" > </div> <div id="text"> <p> Hi was geht <br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi<br>Hi </p> </div> </body> </html>
Ein Fehler habe ich noch gefunden:
<div id="headerimg"><p><img src="img/Test.png" alt="AragurLp"></p></div>
<div id="button1"><p><img src="img/Home.png" alt="Home" width="93" height="40" ></p></div>
Da fehlt das p-Tag :)
MFG Micha -
Vielen Dank Micha. Es hat jetzt wieder alles Funktioniert.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage