Gegen Bilderklau - Das Original | Druckvorschau: Content wiederholt sich nicht

Geschrieben von Kimi. am 21.06.2011 um 23:58:

Content wiederholt sich nicht

Ich bin grad dabei ein Div-Layout zu machen, so, nun habe ich dsa Problem das sich mein Content nicht wiederholt.

Vielleicht könnt ihr mir ja helfen. Hier seht ihr was ich meine.

style.css

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:

#header {
        width: 1406px; 
        height: 680px;  
        position: absolute; 
        left: 0px; 
        top: 0px; 
        z-index: 1; 
background-image:url(top.jpg); 
background-repeat: no-repeat;
}

#content {
        position:absolute;
        top: 680px;
        left: 0px;
        height: 50px;
        width: 1406px;
position: absolute;
z-index: 1;
background-image: url(content.jpg);
background-repeat: repeat-y;
 }


#content-menu {
        width: 619px; 
        height: auto; 
        position: relative;
        left: 300px; 
        top: 680px; 
        z-index: 1;
}

#content-main {
        width: 619px; 
        height: auto; 
        position: relative; 
        left: 515px; 
        top: 200px; 
        z-index: 1;
}

#footer {
        width: 1406px; 
        height: 180px; 
        position: relative; 
        left: 0px; 
        top: 0px; 
        z-index: 1; 
        background-image:url(footer.jpg); 
        background-repeat: no-repeat;"
}

index.php

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:

<html>
<head>
<title>P.hotomoments Kim Kärger</title>
</head>
<body bgcolor="2a1f2f">
<link rel="stylesheet" href="style.css">

<div id="header"> 
</div>

<div id="content"></div>

    <div id="content-menu">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
    9<br>
    10<br>
    11<br>
    12<br>
    13<br>
    14<br>
    15<br>
    16<br>
    17<br>
    18<br>
    19<br>
    20<br>
    21<br>
    22<br>
    23<br>
    24<br>
    </div>


    <div id="content-main">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
    9<br>
    10<br>
    11<br>
    12<br>
    13<br>
    14<br>
    15<br>
    16<br>
    17<br>
    18<br>
    19<br>
    20<br>
    21<br>
    22<br>
    23<br>
    24<br>
    </div>

<div id="footer"> </div>

</body>
</html>

Geschrieben von White_Mustang am 22.06.2011 um 00:02:

\\edit...

Du hast hier ne absolute Position (übrigens 2x) angegeben...
Damit beschreibst du doch, dass das genau da sitzen muss, kann sein, dass das deswegen dein "background-repeat: repeat-y;" nicht mehr wirksam ist...

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

#content {
        position:absolute;
        top: 680px;
        left: 0px;
        height: 50px;
        width: 1406px;
position: absolute;
z-index: 1;
background-image: url(content.jpg);
background-repeat: repeat-y;
 }

Geschrieben von Kimi. am 22.06.2011 um 00:10:

Danke smile

Habs mal weg gemacht nur leider lag es nicht da dran unglücklich

Geschrieben von White_Mustang am 22.06.2011 um 00:14:

Die komplette absolute Position mit den Angaben wo es sein muss?
Hmh, hätte ja klappen können...

Ich hab leider keine Erfahrung im Div-coden...

Geschrieben von Ileina am 22.06.2011 um 00:17:

.

Geschrieben von Kimi. am 22.06.2011 um 10:06:

Okay, habs mit Hilfe jetzt hinbekommen und es muss also so aussehen wie unten aufgefüht. Damit ich auch anderen evtl. damit helfen kann smile

LÖÖÖÖSUNG:

index.php

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:

<html>
<head>
<title>P.hotomoments Kim Kärger</title>
</head>
<body bgcolor="2a1f2f">
<link rel="stylesheet" href="style.css">

<div id="header"> 
</div>

<div id="content">

    <div id="content-menu">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
    9<br>
    10<br>
    11<br>
    12<br>
    13<br>
    14<br>
    15<br>
    16<br>
    17<br>
    18<br>
    19<br>
    20<br>
    21<br>
    22<br>
    23<br>
    24<br>
    </div>


    <div id="content-main">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
    9<br>
    10<br>
    11<br>
    12<br>
    13<br>
    14<br>
    15<br>
    16<br>
    17<br>
    18<br>
    19<br>
    20<br>
    21<br>
    22<br>
    23<br>
    24<br>
    </div>
    <div class="clear"></div>
</div>
<div id="footer"> </div>

</body>
</html>

style.css

php:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:

#header {
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 none;
    height: 680px;
    position: relative;
    background-image: url(top.jpg);
}

#content {
    position: relative;
    width: 1406px;
    background-image: url(content.jpg);
    background-repeat: repeat-y;
}

#content-menu {
    margin-left: 270px;
    float: left; 
    width : 250px;
    position: relative;
}

#content-main {
    margin-right:250px;
    width: 620px;
    position: relative;
    float: right;
}

.clear{
clear: both;
}

#footer { 
    width : 1406px;
    height: 180px;
    position: relative;
    background-image: url(footer.jpg);
    background-repeat: no-repeat;
}