YourWBB


yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Allg. Fragen und Probleme » Kleines Problemchen mit meinem CSS Menu » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 660 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Dieses Thema wurde als unerledigt markiert. Thread unerledigt

Zum Ende der Seite springen Kleines Problemchen mit meinem CSS Menu
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
pimpi
Mitglied


images/avatars/avatar-3263.jpg

Dabei seit: 09.08.05
Beiträge: 147
 Kleines Problemchen mit meinem CSS Menu Antworten Zitieren Editieren Melden       UP
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">&raquo;&nbsp;Registrieren&nbsp;&laquo;</a></li>
  </ul>
 
 </else></if>



<ul>
  <li><h2>Galerie</h2>
    <ul>
	<li><a href="jgs_galerie.php{$SID_ARG_1ST}">&Uuml;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&nbsp;$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 unglücklich traurig

Besten Dank!
gruß Irre

Dateianhänge:
jpg menu1.jpg (45,36 KB, 27 mal heruntergeladen)
jpg menu2.jpg (38 KB, 25 mal heruntergeladen)


__________________
20.03.07 10:39 pimpi ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » WoltLab Burning Board Generation 2 * » Alles von und für das WBB 2.3.x » [WBB 2.3.x] Allg. Fragen und Probleme » Kleines Problemchen mit meinem CSS Menu