Demo

Give it a try
and play around
with ClanSphere Demo


Answers: 11
Page [1]
donkeydick


Try to beat me





Posts: 161
 # Thread - 2008-01-31 at 1:12 PM
Moin mal wieder

Ich habe ein Problem und zwar habe ich mich jetzt in Div "hineingefressen", also sprich den gestrigen Tag mit lesen darüber verbracht bis mir der Kopf glühte, heute morgen war es dann soweit, ich hab mich hingesetzt und angefangen den code für mein Nano Soldiers Template als DIV zu schreiben. Bin jetzt fertig geworden und war sowas von begeistert wie geil das beim 1. mal im großen und ganzen geklappt hat. Es wird im IE auch perfekt angezeigt, nur habe ich jetzt entdeckt, dass wenn man die Seite mit FireFox besucht, der mittlere content bereich nach links verschoben ist, ich habe das Design zum Test mal hochgeladen, damit ihr schauen könnt. Klick hierzu einfach auf meine Signatur.

Ich denke nicht das es ein allzu großer Fehler ist, aber ich finde ihn leider nicht :(

Liebe Grüße
donkeydick

EDIT:
Hier mal die verkürzte Version der index.htm +-
 
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.
1. / 2. / ... 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="false" />
<link href="hp.css" rel="stylesheet" type="text/css" />
<link href="ns.css" rel="stylesheet" type="text/css" />
<link href="tabcontent.css" rel="stylesheet" type="text/css" />
<title>{func:title}</title>
<script type="text/javascript" src="mootools.svn.js"></script>
<script type="text/javascript" src="jscript.js"></script>
<script type="text/javascript" src="tabcontent.js"></script>
{googlemaps:head}
</head>
<body onunload="GUnload()">

<div id="Main_Div" style="text-align:center">
    <div id="Tabelle_01">
        <div id="Header-01"></div>
        <div id="Header-02"></div>
        <div id="Header-03"></div>
        <div id="Header-04"></div>
        <div id="Header-05"></div>
        <div id="Header-06">{wars:nextmatch}</div>
        <div id="Header-07"></div>
        <div id="Header-08"></div>
        <div id="Main_Body_Shadow">
            <div id="Shadow_Left"></div>
                   <div id="Content" style="text-align:center">
                    <div id="Footur_Left"></div>
                    <div id="Page_Content">
                        <div id="Nav_Center_Top"></div>
                           <div id="Nav_Center_Middle">
                        <div id="Box_Left">{wars:navnext}</div>
                        <div id="Box_Middle">{board:navlist}</div>
                        <div id="Box_Right">{wars:navlist}</div></div>
                        <div id="Nav_Center_Bottom"></div>
                        <div id="Func_Show">{func:show}</div></div>
                       <div id="Footur_Right"></div>
                </div>
            <div id="Shadow_Right"></div>
        </div>
        <div id="Footer-01"></div>
        <div id="Footer-02"></div>
        <div id="Footer-03"></div>
        <div id="Footer-04"></div>
    </div>
</div>

</body>
</html>

Und hier die verkürzte Version der index.css +-
 
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.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
1. / 2. / ... 
 @charset "utf-8";
/* CSS Document */

#Main_Div {
    width:1036px; margin:auto;
}

#Tabelle_01 {
    width:1036px;
}

#Header-01 {
    background-color:transparent; background-image:url(Bilder/header_01.png);
    float:left;
    width:18px;
    height:327px;
}

#Header-02 {
    background-color:transparent; background-image:url(Bilder/header_02.png);
    float:left;
    width:1000px;
    height:90px;
}

#Header-03 {
    background-color:transparent; background-image:url(Bilder/header_03.png);
    float:right;
    width:18px;
    height:327px;
}

#Header-04 {
    background-color:transparent; background-image:url(Bilder/header_04.jpg);
    float:left;
    width:1000px;
    height:9px;
}

#Header-05 {
    background-color:transparent; background-image:url(Bilder/header_05.jpg);
    float:left;
    width:30px;
    height:228px;
}

#Header-06 {
    background-color:transparent; background-image:url(Bilder/header_06.jpg);
    float:left;
    width:323px;
    height:174px;
}

#Header-07 {
    background-color:transparent; background-image:url(Bilder/header_07.jpg);
    float:left;
    width:647px;
    height:174px;
}

#Header-08 {
    background-color:transparent; background-image:url(Bilder/header_08.jpg);
    float:left;
    width:970px;
    height:54px;
}

#Main_Body_Shadow {
    background-color:transparent; background-image:url(Bilder/main_body_shadow.png); background-repeat:repeat-y;
    float:left;
    width:1036px;
}

#Shadow_Left {
    background-color:transparent;
    float:left;
    width:18px;
}

#Content {
    background-color:transparent; background-image:url(Bilder/content.jpg); background-repeat:repeat-y;
    float:left;
    width:1000px;
}

#Footur_Left {
    background-color:transparent;
    vertical-align:top;
    float:left;
    width:172px;
}

#Page_Content {
    float:left;
    background-color:transparent;
    width:656px;
}

#Nav_Center_Top {
    background-color:transparent; background-image:url(Bilder/nav_center_oben.png);
    float:left;
    width:656px;
    height:49px;
}

#Nav_Center_Middle {
    background-color:transparent; background-image:url(Bilder/nav_center_mitte.png);
    float:left;
    width:656px;
    height:115px;
}

#Box_Left {
    background-color:transparent;
    padding-top:5px;
    text-align:center;
    float:left;
    width:219px;
    height:115px;
}

#Box_Middle {
    background-color:transparent;
    padding-top:5px;
    text-align:center;
    float:left;
    width:218px;
    height:115px;
}

#Box_Right {
    background-color:transparent;
    padding-top:5px;
    text-align:center;
    float:left;
    width:219px;
    height:115px;
}

#Nav_Center_Bottom {
    background-color:transparent; background-image:url(Bilder/nav_center_unten.png);
    float:left;
    width:656px;
    height:21px;
}

#Func_Show {
    background-color:transparent;
    float:left;
    width:656px;
}

#Footur_Right {
    background-color:transparent;
    float:left;
    width:172px;
}

#Shadow_Right {
    background-color:transparent;
    float:right;
    width:18px;
}

#Footer-01{
    background-color:transparent; background-image:url(Bilder/footer_01.png);
    float:left;
    width:18px;
    height:198px;
}

#Footer-02{
    background-color:transparent; background-image:url(Bilder/footer_02.jpg);
    float:left;
    width:1000px;
    height:180px;
}

#Footer-03{
    background-color:transparent; background-image:url(Bilder/footer_03.png);
    float:right;
    width:18px;
    height:198px;
}

#Footer-04{
    background-color:transparent; background-image:url(Bilder/footer_04.png);
    float:left;
    width:1000px;
    height:18px;
}


Last edit by donkeydick at 2008-01-31 at 1:33 PM (1x Edited)
Inactive
ichraffsnicht ClanSphere Team

Supporter
Supporter



Location: Erdeborn bei Lutherstadt Eisleben
Posts: 3192
 # Answer: 1 - 2008-01-31 at 1:29 PM
gib mir mal bitte den css-code von #content . dann kann ich dir vielleicht helfen... bin zu faul zum suchen^^


------------------
Inactive
|
donkeydick
Thread author


Try to beat me





Posts: 161
 # Answer: 2 - 2008-01-31 at 1:33 PM
hab es während Du geschrieben hast editiert


Inactive
|
Mr.Metzel


Rock the board





Posts: 56
 # Answer: 3 - 2008-01-31 at 2:01 PM
Also ich weiß zwar nicht was falsch ist aber bin begeistert wie du das umgesetzt hast. Dachte so komplexe grafik-Designs mit Divs zu machen wäre voll "ätzende" arbeit aber wenn ich mir so den code ansehe alles recht übersichtlich - einfach alles floaten was zu floaten ist und schon sitzt es ^^
Respekt!


Inactive
|
donkeydick
Thread author


Try to beat me





Posts: 161
 # Answer: 4 - 2008-01-31 at 2:06 PM
Danke für das Lob , naja bis vor kurzem war mir das alles Fremd, wie gesagt hab mich gestern eingearbeitet und heute drangesetzt, dachte auch Anfangs ich würde das niemals hinbekommen Aufgrund der Komplexibilität, aber learning by doin und es hat funktioniert, bis auf diesen einen Fehler :(


Inactive
|
Mr.Metzel


Rock the board





Posts: 56
 # Answer: 5 - 2008-01-31 at 10:54 PM
Was den Fehler betrifft. Hast du mal geschaut ob du irgendwo ein margin oder ein padding drin hast was nicht reingehört?


Inactive
|
fay-pain


Specialist




Posts: 2006
 # Answer: 6 - 2008-02-01 at 2:09 AM
ähmm ich finde den fehler irgendwie gerade nicht o.O
kannst du die stelle mal makieren auf nem screenshot?


------------------
Manchmal hast du fay und machmal pain.
- hajo

Inactive
|
Mr.Metzel


Rock the board





Posts: 56
 # Answer: 7 - 2008-02-01 at 2:14 AM
ich glaub er hat den Fehler schon selber behoben ich habe ihn gestern nämlich noch sehen können aber nun nicht mehr.


Inactive
|
fay-pain


Specialist




Posts: 2006
 # Answer: 8 - 2008-02-01 at 2:21 AM
okay...
ich dacht schon ich hab was mit den augen


------------------
Manchmal hast du fay und machmal pain.
- hajo

Inactive
|
donkeydick
Thread author


Try to beat me





Posts: 161
 # Answer: 9 - 2008-02-01 at 8:05 AM
Hi, naja behoben würde ich jetzt so nicht sagen.... nennen wir es mal ein HotFix hrhr^^

Ich habe bei
 
1.
1. / 2. / ... 
 <div id="Shadow_Left" style="width:18px"><img src="Bilder/Abstandhalter.gif" alt="" /></div>
wie ihr sehen könnt einen Abstandhalter eingefügt damit der Fehler erstmal weg ist, ist aber halt nicht die optimalste Lösung und Aufgegeben habe ich die Fehlersuch somit nicht. Das muss irgendeine Einstellung sein von der ich nicht weiß wo ich sie zu setzen habe.

Hier mal die verkürzte Version der index.htm (abgeändert) +-
 
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.
1. / 2. / ... 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="false" />
<link href="hp.css" rel="stylesheet" type="text/css" />
<link href="ns.css" rel="stylesheet" type="text/css" />
<link href="tabcontent.css" rel="stylesheet" type="text/css" />
<title>{func:title}</title>
<script type="text/javascript" src="mootools.svn.js"></script>
<script type="text/javascript" src="jscript.js"></script>
<script type="text/javascript" src="tabcontent.js"></script>
{googlemaps:head}
</head>
<body onunload="GUnload()">

<div id="Main_Div" style="text-align:center">
    <div id="Tabelle_01">
        <div id="Header-01"></div>
        <div id="Header-02"></div>
        <div id="Header-03"></div>
        <div id="Header-04"></div>
        <div id="Header-05"></div>
        <div id="Header-06">{wars:nextmatch}</div>
        <div id="Header-07"></div>
        <div id="Header-08"></div>
        <div id="Main_Body_Shadow">
            <div id="Shadow_Left" style="width:18px"><img src="Bilder/Abstandhalter.gif" alt="" /></div>
                   <div id="Content" style="text-align:center">
                    <div id="Footur_Left"></div>
                    <div id="Page_Content">
                        <div id="Nav_Center_Top"></div>
                           <div id="Nav_Center_Middle">
                        <div id="Box_Left">{wars:navnext}</div>
                        <div id="Box_Middle">{board:navlist}</div>
                        <div id="Box_Right">{wars:navlist}</div></div>
                        <div id="Nav_Center_Bottom"></div>
                        <div id="Func_Show">{func:show}</div></div>
                       <div id="Footur_Right"></div>
                </div>
            <div id="Shadow_Right"></div>
        </div>
        <div id="Footer-01"></div>
        <div id="Footer-02"></div>
        <div id="Footer-03"></div>
        <div id="Footer-04"></div>
    </div>
</div>

</body>
</html>
Inactive
|
Mr.Metzel


Rock the board





Posts: 56
 # Answer: 10 - 2008-02-01 at 9:21 PM
Vielleicht solltest du besser noch die CSS posten sollen. Der Fehler liegt vielleicht ja auch darin.

Ich habe übrigens inspiriert von dir mein Design auch in divs übertragen und habe da aber noch eine Frage an dich oder sonst wen der es mir beantworten kann (sry das ich das hier in deinem thread mache)

Wenn ich die Seite verkleinere (also nicht Vollbild) dann verschiebt sich alles weil die divs aufgrund der floats ja nicht wirklich einen festen platz haben. Wie hast du das fixiert?

MfG


Ok das Problem hab ich irgendwie selber gelöst. Aber kann mir wer sagen wieso - obwohl ich die gesammte Seite in ein umgebendes Div getan habe und dieses zentriert mit margin 0 auto - nur der obere Bereich der page zentriert wird? oO


und nochma EDIT: Habe den Fehler gefunden nur liegt der nicht an mir. Irgendwo in der news navlist.php habt ihr ein div zuviel geschlossen darum wird bei mir der wrapper (umgebende div) zugemacht sobald ich die navlist der news verwende. Aber ob ich den finde... -.-

Ok das div in der navlist.tpl wurde falsch gesetzt. wurde vorm loop aufgemacht und nach dem stop geschlossen -.-

Alle Fehler selbst gefunden xD Sry fürs gespamme ^^


Last edit by Mr.Metzel at 2008-02-01 at 10:12 PM (3x Edited)
Inactive
|
donkeydick
Thread author


Try to beat me





Posts: 161
 # Answer: 11 - 2008-02-02 at 4:46 PM
Sorry war jetzt bei quemao beschäftig, naja die css ist ja im ersten post noch drinne und an der hab ich auch nichts geändert....


Inactive
|
Answers: 11
Page [1]


You must be registered.