Auf Thema antworten 2026

Beitrag

<blockquote data-quote="afr0kalypse" data-source="post: 1092073" data-attributes="member: 13289">hi =)ich bastel gerade an nem horizontalen menü, welches mir untermenüs anzeigen soll. funktioniert wunderbar, außer im ie6 <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" /> dort wird mein div container in der höhe vergrößert, wenn sich das untermenü öffnet. das will ich unterbinden. hat jemand ne idee wie ich das realisieren kann?p.s.: onmouseover/out sowie id=sub1 und id=sub2 werden per php generiert. anbei mal etwas code: index.html:[html]&lt;?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot; ?&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;&nbsp;&quot;http://www.w3.org/TR/xhtml1/DTD/Strict.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;de&quot;&gt;&lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; function anzeigen(submenu)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //alert(document.getElementById(submenu).style.display);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(document.getElementById(submenu))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(document.getElementById(submenu).style.display == &#039;&#039;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(submenu).style.display = &#039;block&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; function ausblenden(submenu)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(document.getElementById(submenu))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(document.getElementById(submenu).style.display == &#039;block&#039;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(submenu).style.display = &#039;&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &lt;/script&gt;&lt;/head&gt;&lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;haupt-navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li onMouseover=&quot;anzeigen(&#039;sub1&#039;)&quot; onMouseout=&quot;ausblenden(&#039;sub1&#039;)&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;main&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;sub1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;sub&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;sub&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li onMouseover=&quot;anzeigen(&#039;sub2&#039;)&quot; onMouseout=&quot;ausblenden(&#039;sub2&#039;)&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;main&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;sub2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;sub&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;sub&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;#&quot;&gt;main&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/html]style.css[html]a { &nbsp; &nbsp; font-family:verdana;&nbsp; &nbsp; color:#006699; &nbsp; &nbsp; text-decoration:none; }a:hover { &nbsp; &nbsp; color:#666; &nbsp; &nbsp; text-decoration:none; }#haupt-navi{&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; width:900px;&nbsp; &nbsp; margin-left:5px;&nbsp; &nbsp; height:30px;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; background:#00345b;&nbsp; &nbsp; }#haupt-navi ul{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }#haupt-navi li{&nbsp; &nbsp; &nbsp; &nbsp; float:left;&nbsp; &nbsp; &nbsp; &nbsp; padding-left:5px;&nbsp; &nbsp; padding-right:5px;&nbsp; &nbsp; }#haupt-navi ul li ul{&nbsp; &nbsp; &nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:none;&nbsp; &nbsp; background:#006699;}#haupt-navi ul li ul li{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding:0;&nbsp; &nbsp; margin:0;&nbsp; &nbsp; float:none;&nbsp; &nbsp; &nbsp; &nbsp; }#haupt-navi a{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-left:5px;&nbsp; &nbsp; padding-right:5px;&nbsp; &nbsp; color:#ffffff;&nbsp; &nbsp; &nbsp; &nbsp; }#haupt-navi a:hover{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color:#ddd;&nbsp; &nbsp; &nbsp; &nbsp; background:#006699;}#haupt-navi ul li ul li a:hover{&nbsp; &nbsp; color:#006699;&nbsp; &nbsp; &nbsp; &nbsp; background:#ddd;}[/html]vielleicht hat ja jemand ne idee <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />grüßeafr0</blockquote>

[QUOTE="afr0kalypse, post: 1092073, member: 13289"] hi =) ich bastel gerade an nem horizontalen menü, welches mir untermenüs anzeigen soll. funktioniert wunderbar, außer im ie6 :( dort wird mein div container in der höhe vergrößert, wenn sich das untermenü öffnet. das will ich unterbinden. hat jemand ne idee wie ich das realisieren kann? p.s.: onmouseover/out sowie id=sub1 und id=sub2 werden per php generiert. anbei mal etwas code: index.html: [html] <?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function anzeigen(submenu) { //alert(document.getElementById(submenu).style.display); if(document.getElementById(submenu)) { if(document.getElementById(submenu).style.display == '') { document.getElementById(submenu).style.display = 'block'; } } } function ausblenden(submenu) { if(document.getElementById(submenu)) { if(document.getElementById(submenu).style.display == 'block') { document.getElementById(submenu).style.display = ''; } } } </script> </head> <body> <div id="haupt-navi"> <ul> <li onMouseover="anzeigen('sub1')" onMouseout="ausblenden('sub1')"> <a href="#">main</a> <ul id="sub1"> <li> <a href="#">sub</a> </li> <li> <a href="#">sub</a> </li> </ul> </li> <li onMouseover="anzeigen('sub2')" onMouseout="ausblenden('sub2')"> <a href="#">main</a> <ul id="sub2"> <li> <a href="#">sub</a> </li> <li> <a href="#">sub</a> </li> </ul> </li> <li> <a href="#">main</a> </li> </ul> </div> </body> </html> [/html] style.css [html] a { font-family:verdana; color:#006699; text-decoration:none; } a:hover { color:#666; text-decoration:none; } #haupt-navi { width:900px; margin-left:5px; height:30px; background:#00345b; } #haupt-navi ul { list-style-type:none; } #haupt-navi li { float:left; padding-left:5px; padding-right:5px; } #haupt-navi ul li ul { list-style-type:none; padding:0; margin:0; display:none; background:#006699; } #haupt-navi ul li ul li { padding:0; margin:0; float:none; } #haupt-navi a { padding-left:5px; padding-right:5px; color:#ffffff; } #haupt-navi a:hover { color:#ddd; background:#006699; } #haupt-navi ul li ul li a:hover { color:#006699; background:#ddd; } [/html] vielleicht hat ja jemand ne idee :) grüße afr0 [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?