Kimi.
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> |
|
White_Mustang
\\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;
} |
|
Kimi.
Danke
Habs mal weg gemacht nur leider lag es nicht da dran
White_Mustang
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...
Kimi.
Okay, habs mit Hilfe jetzt hinbekommen und es muss also so aussehen wie unten aufgefüht. Damit ich auch anderen evtl. damit helfen kann
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;
} |
|