Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 8
Seite [1]
UnKn0wn ClanSphere Team


Geekboy





Beiträge: 1160
 # Thema - 21.01.2008 um 17:33 Uhr
Meine Webseite www.sebel-design.com ist im IE leider leicht zerschossen.

Anscheinend liegt es an den Buttons die zuweit dargestellt werden.

Wie müsste ich die Browserweiche konfigurieren. Hab jetzt das so eingebunden.

Doch wenn ich was in der ie6.css was ändere zeigt er die page immer noch genauso wie vorher an.


 
1.
2.
3.
4.
5.
6.
7.
1. / 2. / ... 
 
<link rel="stylesheet" href="ie6.css" type="text/css">
<![endif]-->    
<link href="layout.css" rel="stylesheet" type="text/css" />
<link href="clansphere.css" rel="stylesheet" type="text/css" />

<link rel="alternate" type="application/rss+xml" href="../../uploads/rss/news.xml" /> 


Hat jemand eine Idee?


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
 # Antwort: 1 - 21.01.2008 um 22:45 Uhr
sebel, fang bloß nich mit weichen an, hab ich auch ne zeitlang, bis ich gemerkt habe, das es einfacher geht, in dem man valid arbeitet, auf beiden Browsertypen hin, Geht genauso gut.

Ich schaus mir morgen mal an.


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
UnKn0wn ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1160
 # Antwort: 2 - 22.01.2008 um 09:16 Uhr
Das lieb von Dir!

Ja lt. CSS4You sind die entsprechenden tags valide aber im IE 6 ist der background der buttons verzogen. Hab schon getüfftelt aber bin zu keinem Ergebnis gekommen.



------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 3 - 22.01.2008 um 10:08 Uhr
habs mir jetzt ned im ie6 angesehen, aber ich glaube der ie6 und der fierfox interpretieren margin und padding unterschiedlich.


------------------
Inaktiv
|
UnKn0wn ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1160
 # Antwort: 4 - 22.01.2008 um 10:09 Uhr
hab nur margin und padding garnicht definiert, das wundert mich!

In der Anlage mal die beiden CSS Dateien!

Dateianhänge:
rar css Dateien.rar (1.19 KiB - 96 mal heruntergeladen )


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 5 - 22.01.2008 um 10:12 Uhr
hmm... kannste die ned als klipptext anhängen?? am besten noch mit code-qupte... will mir die nicht erst runter ziehen.


------------------
Inaktiv
|
UnKn0wn ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1160
 # Antwort: 6 - 22.01.2008 um 10:22 Uhr
Nagut:

layout.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.
1. / 2. / ... 
 
body {
    background-color: #1C2222;
    color: #000000;
    font-family: arial;
    font-size: 8pt;
    text-decoration: none;
    margin-top: 0;
}

a, a:link, a:visited, a:active {
    color: #000000;
    text-decoration: underline;
}

a, a:hover {
    color: #000000;
    text-decoration: underline;
}

#main {
    width: 794px;
    margin: 0 auto;
    background-color: #ffffff;
}

#overhead {
    width: 794px;
    height: 34px;
    background-color: #ffffff;
    float: center;
    background-image: url('images/overhead.jpg');
}

#head {
    width: 794px;
    height: 94px;
    background-color: #ffffff;
    float: center;
    background-image: url('images/head.png');
}
#content {
    width: 794px;
    background-color: #ffffff;
    float: left;
    background-image: url('images/content.jpg');
}

#cnt {
    width: 626px;
margin-top: 5px;
margin-left: 5px;
    background-color: #ffffff;
    float: left;
}

#cnthead {
    width: 626px;
    height: 22px;
    background-image: url('images/contenthd.png');
    float: left
}

#cntbg {
    width: 626px;
    background-image: url('images/contentbg.png');
    padding: 0px;
    float: left
}
#cntft {
    width: 626px;
    height: 16px;
    background-image: url('images/contentft.png');
    float: left
}

#overfooter {
    width: 794px;
    height: 14px;
    background-color: #ffffff;
    float: center;
    background-image: url('images/overfooter.jpg');
}

#footer {
    width: 794px;
    height: 32px;
    background-color: #ffffff;
    float: center;
    background-image: url('images/footer.jpg');
}


#leftnvg {
    width: 151px;
    background-color: #F4EAE9;
    margin-left: 5px;
    margin-bottom: 2px;
float: left;
}


#leftnvghead {
    width: 151px;
    height: 24px;
    line-height: 24px;
    background-image: url('images/navhead.png');
    font-size: 8pt;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-top: 2px;
    color: #ffffff;

}

#leftnvgbg {
    width: 151px;
    background-image: url('images/navbackground.png');
    float: left;
    color: #000000;

}

#leftnvgbg2 {
    width: 151px;
    background-image: url('images/navbackground.png');
    float: left;
    color: #000000;
}

#leftnvgfooter {
    width: 151px;
    height: 16px;
    background-image: url('images/navfooter.png');
    float: left;
    color: #ffffff
}

#fullcnt {
    width: 400px;
    color: #000000;
    float: left;
}

#td {
    color: #000000;
}

.buttons, .buttons:link, .buttons:active, .buttons:visited {
    width: 151px;
    height: 22px;
    line-height: 22px;
text-indent: 1em;
    background-image: url('images/button_normal.png');
    color: #000000;
    font-size: 8pt;
    text-decoration: none;
    float: left
}

.buttons:hover {
    width: 151px;
    height: 22px;
    line-height: 22px;
text-indent: 1em;
    background-image: url('images/button_hover.png');
    color: #000000;
    font-size: 8pt;
    text-decoration: none;
    float: left
}



clansphere.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.
1. / 2. / ... 
  
img {
    border: 0px none;
}

.forum {
    background-color:#999999;
    color:inherit;
    margin:auto;
}

.headb {
    border:0px solid #000000; background-image: url('images/main_nav_bg.png');
    color:#ffffff;
    font-size: 8pt;
    padding:4px;
    text-align:left
}

.bottom {
    background-image: url('images/bottom.png');
    color:inherit;
    text-align:left; padding-left:8px; padding-right:6px; padding-top:4px; padding-bottom:4px
}

.left, .center, .right {
    padding:1px;
}
.leftb, .centerb, .rightb {
    background-color: #DAE4E4;
    color:#222222;
    padding:4px 6px 4px 8px;
    font-size: 8pt;
}
.leftc, .centerc, .rightc {
    background-color: #DAE4E4;
    color:#222222;
    padding:4px 6px 4px 8px;
    font-size: 8pt;
}
.left, .leftb, .leftc {
    text-align:left;
}
.center, .centerb, .centerc {
    text-align:center;
}
.right, .rightb, .rightc {
    text-align:right;
}

.form {
    background-image: url('images/bottom.png');
    border:1px ridge #000000;
    color:#002200;
    font-family:arial;
    font-size:8pt;
    margin:2px;
    padding-left:3px
}

.form2 {
    background-image: url('images/bottom.png');
    border:1px ridge #000000;
    color:#002200;
    font-family:arial;
    font-size:8pt;
    margin:2px;
    padding-left:3px
}

div, span {
    background-color:inherit;
    color:#000000;
    font-family:arial;
}
img {
    border:0px;
}
form {
    display:inline;
}
td {
    background-color:inherit;
    color:#000000;
    font-size: 8pt;
    vertical-align:top;
}
textarea {
    width:90%;
}
ul {
    margin:0px;
} 



------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 7 - 22.01.2008 um 13:36 Uhr
also als erstes:

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
1. / 2. / ... 
 
.buttons, .buttons a:link, .buttons a active, .buttons a:visited {
    width:151px;
    height:22px;
    line-height:22px;
text-indent:1em;
    background-image:url('images/button_normal.png');
    color:#000000;
    font-size:8pt;
    text-decoration:none;
    float:left;
}

.buttons a:hover {
    background-image: url('images/button_hover.png');
}


dann fehlt noch hinter float: left das ;

und dann empfehle ich noch, um zeilenumbrüche in declarationen zu vermeiden das leerzeichen raus zu nehmen.(z.b. float: left; ->> float:left; )


weis nicht, ob der fehler damit schon behoben ist, aber optimiert ist es damit auf alle fälle


solltest dich vielleicht auch für ein längenmaß entscheiden.... px, pt, em ... da blickt doch keiner durch.


------------------



Zuletzt editiert von X-R4Y ClanSphere Team am 22.01.2008 um 13:37 Uhr (1x Editiert)
Inaktiv
|
UnKn0wn ClanSphere Team
Thread-Ersteller


Geekboy





Beiträge: 1160
 # Antwort: 8 - 22.01.2008 um 13:38 Uhr
ok guck ich mir mal an.

Freezeman hats schonmal kompatibel bekommen zum IE6.

Danke für den Tip kann geclosed werden!


------------------
Mit freundlichen Grüßen

SEBEL-DESIGN
http://www.sebel-design.com
Inaktiv
|

Dieses Thema wurde von sgraewe ClanSphere Team PM geschlossen.
Antworten: 8
Seite [1]