pimpi
Mitglied
Dabei seit: 09.08.05
Beiträge: 147
|
|
Problembeschreibung:
Im Internet Explorer (ab 7) wird das Klappmenu jeweils um die Hälfte des Firstlevel Menus nach rechts verschoben. Tritt auf wenn man z.b. von einem anderen Reiter auf die Seite zurückkehrt. Opera, FF haben diese Macke nicht.
Siehe auch Bild im Anhang. Einmal normal, einmal verschoben.
Der Menucode sieht so aus:
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:
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:
|
<div id="menu">
<if($wbbuserdata['userid'])><then>
</then>
<else>
<ul>
<li><a href="register.php">» Registrieren «</a></li>
</ul>
</else></if>
<ul>
<li><h2>Galerie</h2>
<ul>
<li><a href="jgs_galerie.php{$SID_ARG_1ST}">Übersicht</a></li>
<li><a href="#">Eure N, F und Versys</a>
<ul>
<li><a href="jgs_galerie_kategorie.php?kategorie=11{$SID_ARG_1ST}">ER-6n</a></li>
<li><a href="jgs_galerie_kategorie.php?kategorie=10{$SID_ARG_1ST}">ER-6f</a></li>
<li><a href="jgs_galerie_kategorie.php?kategorie=18{$SID_ARG_1ST}">Versys</a></li>
</ul>
</li>
<li><a href="jgs_galerie_kategorie.php?kategorie=7{$SID_ARG_1ST}">Touren</a>
<li><a href="#">Alles andere</a>
<ul>
<li><a href="jgs_galerie_kategorie.php?kategorie=6{$SID_ARG_1ST}">Bilder von euch</a></li>
<li><a href="jgs_galerie_kategorie.php?kategorie=5{$SID_ARG_1ST}">Andere Marken</a></li>
<li><a href="jgs_galerie_kategorie.php?kategorie=15{$SID_ARG_1ST}">Gemischt</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li><h2>Informationen</h2>
<ul>
<li><a href="jgs_db.php{$SID_ARG_1ST}">Downloads</a></li>
<li><a href="datenblatt.php{$SID_ARG_1ST}">Modell Datenblatt</a></li>
<if($wbbuserdata['userid'])><then>
<li><a href="lexicon.php{$SID_ARG_1ST}">Technik Lexikon</a></li>
<li><a href="links.php{$SID_ARG_1ST}">Links</a></li>
</then></if>
</ul>
</li>
</ul>
<if($wbbuserdata['userid'])><then>
<ul>
<li><h2>Benutzer $pmtopnavi</h2>
<ul>
<li><a href="pms.php{$SID_ARG_1ST}">Nachrichten Box</a></li>
<li><a href="usercp.php{$SID_ARG_1ST}">Profil</a></li>
</ul>
</li>
</ul>
</then></if>
<if($wbbuserdata['userid'])><then>
<ul>
<li><h2>Mitglieder</h2>
<ul>
<li><a href="map.php{$SID_ARG_1ST}">Karte</a></li>
<li><a href="memberslist.php{$SID_ARG_1ST}">Liste</a></li>
</ul>
</li>
</ul>
</then></if>
<ul>
<li><h2>Treffpunkt</h2>
<ul>
<if($wbbuserdata['userid'])><then>
<li><a href="jgs_treffen.php{$SID_ARG_1ST}">Aktuelle Treffen</a></li>
</then></if>
<li><a href="chat.php{$SID_ARG_1ST}">Chat</a></li>
<li><a href="thread.php?threadid=2433{$SID_ARG_1ST}">Forentreffen 2007</a></li>
<li><a href="calendar.php{$SID_ARG_1ST}">Kalender</a></li>
</ul>
</li>
</ul>
<ul>
<li><h2>Info + Spass</h2>
<ul>
<li><a href="shop.php{$SID_ARG_1ST}">Fanshop</a></li>
<li><a href="misc.php?action=faq">FAQ</a></li>
<li><a href="misc.php?action=imprint">Impressum</a></li>
<li><a href="ts_index.php{$SID_ARG_1ST}">Team</a></li>
<if($wbbuserdata['userid'])><then>
<li><a href="statsinfo.php{$SID_ARG_1ST}">Statistik</a></li>
<li><a href="bussgeldrechner.php{$SID_ARG_1ST}">Bussgeld</a></li>
<li><a href="spiele.php{$SID_ARG_1ST}">Spiele</a></li>
</then></if>
</ul>
</li>
</ul>
<ul>
<li><h2>Start + Suche</h2>
<ul>
<li><a href="index.php{$SID_ARG_1ST}">Startseite</a></li>
<li><a href="search.php{$SID_ARG_1ST}">Suchen</a></li>
<if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then>
<li><a href="acp/index.php" target="acp">Admin Login</a></li>
</then></if>
<if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then>
<li><a href="acp/index.php" target="acp">Mod Login</a></li>
</then></if>
</ul>
</li>
</ul>
</li>
</ul>
</div> |
|
Das css dazu so:
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:
|
<style>
#menu {
width: 100%;
float: left;
}
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 110px;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0px;
padding: 3px 4px;
}
#menu h2 {
color: #444444;
background-image: url(./images/cellpic-blau1.gif);
background-repeat: repeat-x;
}
#menu a {
color: #000;
background: #EBEAEA;
text-decoration: none;
}
#menu a:hover {
color: #F68A1F;
background: #fff;
}
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
}
#menu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior:url("js/csshover.htc");
font-size: 100%;
}
#menu ul li a {height: 1%;}
}
</style>
<![endif]--> |
|
Es ist mir echt schleierhaft wieso und warum. Irgendein css Experte dem dazu was einfällt? Warum ist der Explorer nur so gemein zu mir
Besten Dank!
gruß
Dateianhänge: |
menu1.jpg (45,36 KB, 27 mal heruntergeladen) menu2.jpg (38 KB, 25 mal heruntergeladen)
|
__________________
|
|
20.03.07 10:39 |
E-Mail
Finden
Als Freund hinzufügen
|
|
|