Suche Code zum unterscheiden zwischen Internet-Explorer und Firefox! |
mrbasket
Mitglied
Dabei seit: 26.06.06
Beiträge: 86
Forenversion: 2.3
|
|
Ich hab ein CSS-Menü in mein Forum eingebaut.
In Firefox gibt es keine Probleme. Im Internet-Explorer 7 ist die Fläche allerdings weiß, die eigentlich transperent und mit Buttons ist. Das Script klappt nicht!
Im Internet-Explorer 6, ist sogar jeder Link irgendwie in einer neuen Zeile, was darauf schließen lässt, dass das Menü das irgendwie durcheinanderwirbelt.
Gibt es einen Code der folgendes (mit meinen Worten bewirkt):
<If browser=firefox>
<then>
SCRIPT (CSS-MENÜ)</then>
<else>
""
</else>
?
Gibt es sowas oder ist das überhaupt möglich, denn z.B. die Statistik im JGS-Portal kann ja auch die Browser erkennen.
---
Vielleicht liegt es ja auch am Script. Hier ist es:
Der ein oder andere mag zwar die Hände über dem Kopf zusammenschlagen, aber ich habe an dem DIngen rumgebastelt, bis es in Firefox lief.
Wenn jemand Fehler gefunden hat, kann er auch gerne BEscheid geben! thx
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:
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:
|
<td align=center>
<head>
<table style="width:100%" border="0" cellspacing="0" cellpadding="0">
<style>
ul,li,as {
display:block;
margin:0;
padding:0;
border:0;
}
ul {
width:150px;
border:0px solid #;
background:white;
}
li {
position:relative;
padding:1px;
padding-right:0px;
}
li.folder { background:url("images/itemlist.gif") no-repeat; }
li.folder ul {
position:absolute;
left:20px; /* IE */
top:5px;
}
li.folder>ul { left:140px; }
/* others */
a {
padding:0px;
border:0px solid white;
text-decoration:none;
color:gray;
width:100%;
/* IE */
}
li>a { width:auto; } /* others */
li a.submenu {
background:url("images/sub.gif") right no-repeat;
}
/* hovers with specificity */
li.folder:hover { z-index:10; }
ul ul, li:hover ul ul {
display:none;
}
li:hover ul, li:hover li:hover ul {
display:block;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="board.php?boardid=327"> <img src="images/startseite.jpg" onmouseover="src='images/m-startseite.jpg'" onmouseout="src='images/startseite.jpg'" border=0> </a>
<a href="board.php?boardid=328"> <img src="images/diss.jpg" onmouseover="src='images/m-diss.jpg'" onmouseout="src='images/diss.jpg'" border=0></a> </li>
<li class="folder">
<a href="board.php?boardid=331" class="submenu"> <img src="images/pc-bereich.jpg" onmouseover="src='images/m-pc-bereich.jpg'" onmouseout="src='images/pc-bereich.jpg'" border=0> </a>
<ul>
<li><a href="board.php?boardid=332"> <img src="images/editing.jpg" onmouseover="src='images/m-editing.jpg'" onmouseout="src='images/editing.jpg'" border=0> </a>
<a href="board.php?boardid=339"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a>
</li>
<li>
<a href="board.php?boardid=338"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0></a></li>
</ul>
</li>
<li class="folder">
<a href="board.php?boardid=342" class="submenu"> <img src="images/ps2-bereich.jpg" onmouseover="src='images/m-ps2-bereich.jpg'" onmouseout="src='images/ps2-bereich.jpg'" border=0></a>
<ul>
<li><a href="board.php?boardid=344"> <img src="images/ingame.jpg" onmouseover="src='images/m-ingame.jpg'" onmouseout="src='images/ingame.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=348"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=343"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0> </a></li>
</ul>
</li>
<li class="folder">
<a href="board.php?boardid=354" class="submenu"> <img src="images/konsolen.jpg" onmouseover="src='images/m-konsolen.jpg'" onmouseout="src='images/konsolen.jpg'" border=0></a>
<ul>
<li><a href="board.php?boardid=356"> <img src="images/editing.jpg" onmouseover="src='images/m-editing.jpg'" onmouseout="src='images/editing.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=360"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=355"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0> </a></li>
</ul>
</li>
</body>
</td>
</table> |
|
Danke für eure Hilfe!
|
|
16.08.07 20:01 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Biggi
Mitglied
Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi Forenversion: 2.3
|
|
Ich schätze, du kommst nicht drumrum, dich ein wenig einzulesen und viel auszuprobieren.
Vielleicht findest du aber auch hier ein fertiges Menü, das schon kompatibel mit den wichtigsten Browsern ist und deinen Vorstellungen entspricht:
http://www.cssplay.co.uk/menus/
__________________
|
|
16.08.07 21:43 |
Finden
Als Freund hinzufügen
|
|
mrbasket
Mitglied
Dabei seit: 26.06.06
Beiträge: 86
Forenversion: 2.3
Themenstarter
|
|
Zitat: |
Original von Biggi74
Ich schätze, du kommst nicht drumrum, dich ein wenig einzulesen und viel auszuprobieren.
Vielleicht findest du aber auch hier ein fertiges Menü, das schon kompatibel mit den wichtigsten Browsern ist und deinen Vorstellungen entspricht:
http://www.cssplay.co.uk/menus/ |
ich hab am jetztigen rumgebastelt.
Klappt jetzt. Zwar nicht so wie im Firefox aber der Style des Rests wird nicht mehr geändert. Ist ok so!
danke
|
|
17.08.07 12:18 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
|