kostenloser Webspace werbefrei: lima-city


Div-Container ordnen sich komisch.

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    a******p

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. michaelkoepke

    michaelkoepke hat kostenlosen Webspace.

    Es wäre sehr gut, wenn du deinen Code hier im Forum einfügen könntest! So könnte man es selbst probieren und die Nadel im Heuhaufen finden. So kann dir besser geholfen werden!
    Ich kann mir gerade nicht vorstellen, dass es falsch dargestellt wird.

    MFG Micha
  4. Autor dieses Themas

    a******p

    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.
  5. michaelkoepke

    michaelkoepke hat kostenlosen Webspace.

    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
  6. Autor dieses Themas

    a******p

    Vielen Dank Micha. Es hat jetzt wieder alles Funktioniert.
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!