Homepage Problem brauche Hilfe

10/21/2014 21:22 Asterix112#1

Hey habe ein Problem wollte mein bg �ber die ganze Seite gestreckt haben oder als background gef�llt aber es Funktioniert leider nich hier ein SCREEN&CODE

Der CODE

Spoiler

Index.html

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Luki's Blockelemente</title>
<link rel="stylesheet" type="text/css" href="formate.css">
</head>

<div id="page">


<div id="header">
Ausrichtung von Block-Level-Elementen
</div>

<div id="menu">
<object type="text/html" data="menu.html" width="200" height="210"></object>
</div>

<div id="news">
<p>Test alles weitere folgt noch!</p>
</div>

<div id="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,</p>
</div>

<div id="footer">
� Copyright by Lukas G�bel | All rights by Lukas G�bel
</div>

</div>
</html>

CSS:

PHP Code:


			

#page { 
min-width:600px; 
max-width:1000px; 
background-color:withe;
border:2px solid black;
margin: 0px auto;
background-color:#8C8CC6;
background-image:url(img/bg.png);

}

 }

#header {
border:2px solid gray;
text-decoration:underline;
margin-left:auto;
background-color:withe;
margin-right:auto; 
text-align:center; 
width:280px; 
background-color:green;
  }
  
 #menu {
 border:2px solid green;
 width: 200px;
 float:left;
 margin: 0;
 padding: 0;
 font-family: Verdana;

 }
 
 #content {
 min-width:200px; 
 border:2px solid red;
 margin-left: 200px;
 margin-right: 200px;
 padding: 10px;
 font-family: Monotype Corsiva;
 }
 
 #news {
 border:2px solid yellow;
 width: 200px;
 float:right;
 margin: 0;
 padding: 0;
 }
 
#footer {
 border:2px solid blue;
 }

Screens:

Spoiler

W�re nett wenn wer helfen k�nnte.
LG
Asterix

SKYEP ADD: pckid20

10/21/2014 21:23 Shindy.#2

Bilder gehen nicht.

lg

10/21/2014 21:26 .Kirataro#3

Screens kaputt. W�re gut, wenn man sich die anschauen k�nnte.

Bis dahin, kleine Info am Rande:

HTML Code:

<link rel="stylesheet" [U]type="text/css"[/U] href="formate.css">

type="text/css" brauchst du nicht (mehr).

10/21/2014 21:27 Shindy.#4

Du hast geschrieben:

Quote:

background-image:url(img/bg.png);

richtig w�re

Quote:

background-image:url(/img/bg.png);

10/21/2014 21:27 c1rca12#5

Hier: [Only registered and activated users can see links. Click Here To Register...]
:)

Au�erdem..
Wo ist dein <body>?

10/21/2014 21:47 Asterix112#6

Quote:

Originally Posted by c1rca12

Hier: [Only registered and activated users can see links. Click Here To Register...]
:)

Au�erdem..
Wo ist dein <body>?

Hey body is bei mir page dad is edvler hat wenig zeit aber bilder gehen bei mir
LG

10/22/2014 18:57 Hyukisawa#7

man schreibt trotzdem
<html>
<head>
</head>
<body>
</body>
</html>

10/22/2014 19:52 Fydes#8

Mach das:

Code:

#page { 
min-width:600px; 
max-width:1000px; 
background-color:withe;
border:2px solid black;
margin: 0px auto;
background-color:#8C8CC6;
background-image:url(img/bg.png);
}

Zu:

Code:

#page { 
width:100%; 
height: 100%;
background-color:withe;
border:2px solid black;
margin: 0px auto;
background-color:#8C8CC6;
background-image:url(img/bg.png);

}

So k�nnte es klappen, bin leider nicht zuhause um es zu testen.

MFG

10/22/2014 22:05 Black Tiger ツ#9

Quote:

Originally Posted by Shindy.

Du hast geschrieben:
richtig w�re

Schwachsinn.

Es gibt nur die Convention, dass man url() und @import() in (double)quotes setzen soll. Je nach Architektur hei�t das z.B.:

Code:

background-image:url("../img/bg.png");
background-image:url("../images/bg.png");
background-image:url("~/Assets/img/bg.png");
background-image:url("~/Assets/images/bg.png");
background-image:url("~/Content/img/bg.png");
background-image:url("~/Content/images/bg.png");
...

Am besten noch:

Code:

background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;

um dat ganze auch skalierbar zu machen.