Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 11
Seite [1]
donkeydick


Try to beat me





Beiträge: 161
 # Thema - 31.01.2008 um 13:12 Uhr
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;
}


Zuletzt editiert von donkeydick am 31.01.2008 um 13:33 Uhr (1x Editiert)
Inaktiv
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 1 - 31.01.2008 um 13:29 Uhr
gib mir mal bitte den css-code von #content . dann kann ich dir vielleicht helfen... bin zu faul zum suchen^^


------------------
Inaktiv
|
donkeydick
Thread-Ersteller


Try to beat me





Beiträge: 161
 # Antwort: 2 - 31.01.2008 um 13:33 Uhr
hab es während Du geschrieben hast editiert


Inaktiv
|
Mr.Metzel


Rock the board





Beiträge: 56
 # Antwort: 3 - 31.01.2008 um 14:01 Uhr
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!


Inaktiv
|
donkeydick
Thread-Ersteller


Try to beat me





Beiträge: 161
 # Antwort: 4 - 31.01.2008 um 14:06 Uhr
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 :(


Inaktiv
|
Mr.Metzel


Rock the board





Beiträge: 56
 # Antwort: 5 - 31.01.2008 um 22:54 Uhr
Was den Fehler betrifft. Hast du mal geschaut ob du irgendwo ein margin oder ein padding drin hast was nicht reingehört?


Inaktiv
|
fay-pain


Specialist




Beiträge: 2006
 # Antwort: 6 - 01.02.2008 um 02:09 Uhr
ä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

Inaktiv
|
Mr.Metzel


Rock the board





Beiträge: 56
 # Antwort: 7 - 01.02.2008 um 02:14 Uhr
ich glaub er hat den Fehler schon selber behoben ich habe ihn gestern nämlich noch sehen können aber nun nicht mehr.


Inaktiv
|
fay-pain


Specialist




Beiträge: 2006
 # Antwort: 8 - 01.02.2008 um 02:21 Uhr
okay...
ich dacht schon ich hab was mit den augen


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

Inaktiv
|
donkeydick
Thread-Ersteller


Try to beat me





Beiträge: 161
 # Antwort: 9 - 01.02.2008 um 08:05 Uhr
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>
Inaktiv
|
Mr.Metzel


Rock the board





Beiträge: 56
 # Antwort: 10 - 01.02.2008 um 21:21 Uhr
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 ^^


Zuletzt editiert von Mr.Metzel am 01.02.2008 um 22:12 Uhr (3x Editiert)
Inaktiv
|
donkeydick
Thread-Ersteller


Try to beat me





Beiträge: 161
 # Antwort: 11 - 02.02.2008 um 16:46 Uhr
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....


Inaktiv
|
Antworten: 11
Seite [1]


Sie müssen sich registrieren, um zu antworten.