WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Darstellung in IE 6.0 richtig in Opera, Safari und Firefox falsch

3D, Bildbearbeitung, Farbgebung, Publishing, Typographie, Grafiker, Designer, Templates, Kostenlose und günstige Templates, Design-Cuts, Outsourcing, Gestaltung von Webseite und Homepage, Visitenkarte bis Printvorlage

Forum » Layout - Webwork bis Print für Homepages » Darstellung in IE 6.0 richtig in... - 12 Dez 2017 Antworten
im Forum für Webhosting Homepage gefunden:
Darstellung in IE 6.0 richtig in Opera, Safari und Firefox falsch
punhobol
Pixelschubser
Threadstarter




Beiträge: 1

Hallo.

Mein Porblem ist, das meine Seite eine Navigationsleiste besitzt die mit javascript animiert ist. Der Code funktioniert wunderbar im Internet Explorer aber in Opera 9.s Mozilla Firefox 2.0 und in Safari 2.0.4 ist überalll derselbe Fehler: keine Animation mehr und das erste Untermenü wird in das Hauptmenü eingefügt. Die Arrow- gifs werden nur beim ersten Hauptmenüpunkt angezeigt onst nicht.

Hier ist der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

.suckerdiv ul li{
position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}


.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #006633;
}

.suckerdiv .subfolderstyle{
background: url(arrow-right.gif) no-repeat center right;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


</style>

<script type="text/javascript">

//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus()
{
for (var i=0; i<menuids.length; i++)
{
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")

for (var t=0; t<ultags.length; t++)
{
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function()
{
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function()
{
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--)
{ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)

</script>


</head>

<body>
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">BIO</a></li>
<ul>
<li><a href="#">Der Weg zum Bio- Zertifikat</a></li>
<li><a href="#">Landwirtschaft</a>
<ul>
<li><a href="#">Pflanzenbau
</a>
<ul>
<li><a href="#">Ackerbau</a></li>
<li><a href="#">Gr&uuml;nland</a></li>
<li><a href="#">Wein</a></li>
</ul>
</li>
<li><a href="#">Tierhaltung
</a>
<ul>
<li><a href="#">Rinder</a></li>
<li><a href="#">Schweine</a></li>
<li><a href="#">H&uuml;hner</a></li>
<li><a href="#">Puten</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Imkerei</a>
<ul>
<li><a href="#">Richtlinien</a></li>
</ul>
</li>
<li><a href="#">Verarbeitung</a>
<ul>

<li><a href="#">Richtlinien</a></li>
<li><a href="#">Etikettierung</a></li>
</ul>
</li>
<li><a href="#">Import
</a>
<ul>

<li><a href="#">Richtlinien</a></li>
</ul>
</li>
<li><a href="#">Gastronomie
</a>
<ul>
<li><a href="#">Richtlinien</a></li>
</ul>
</li>
<li><a href="#">EU Bioverordnung 2092/91 </a></li>
<li><a href="#">Kosmetik
</a>
<ul>

<li><a href="#">Richtlinien</a></li>
</ul>
</li>
</ul>
<li><a href="#">IFS</a>
<ul>
<li><a href="#">Richtlinien</a></li>
<li><a href="#">Zertifizierung</a></li>
<li><a href="#">Link zur IFS Hp</a> </li>
</ul>
</li>
<li><a href="#">EUREPOGAP</a>
<ul>
<li><a href="#">Richtlinien</a></li>
<li><a href="#">Zertifizierung</a></li>
<li><a href="#">Link zur EUREPGAP Hp</a></li>
</ul>
</li>
<li><a href="#">QS</a>
<ul>
<li><a href="#">Richtlinien</a></li>
<li><a href="#">Zertifizierung</a></li>
<li><a href="#">Link zur QS Hp</a></li>
</ul>
</li>

<li><a href="#">gU &amp; ggA</a>
<ul>
<li><a href="#">Richtlinien</a></li>
<li><a href="#">Der Weg zum Herkunftszertifikat </a></li>
</ul>
</li>
<li><a href="#">Referenzen</a>
<ul>
<li><a href="#">Betriebe</a></li>
</ul>
</li>
<li><a href="#">Standards</a>
<ul>
<li><a href="#">Ba, E&amp;S, Demeter, NOP </a></li>
</ul>
</li>
<li><a href="#">Logos</a></li>
</ul>
</div>

</body>
</html>


Bitte um dringende Hilfe
Mfg Philip

  Profil   Editieren   Zitieren
blumi
Pixelschubser




Beiträge: 1

Habe den gleichen Fehler gehabt ......

Der Fehler ist die <li><ul> Struktur .............
Beachte bei dynamisch erstellten Menüs folgendes:

schließe das geöffnete <li> bei Submenüs nicht nach dem Link, sondern erst nach dem Schließen mit dem letzten </ul>

Siehe hier:
<li class='vert_hm'><a href="#">Folder 1</a>
<ul>
<li class='vert_sm'><a href="#">Sub Item 1.1</a></li>
<li class='vert_sm'><a href="#">Sub Item 1.2</a></li>
</ul>
</li>

  Profil   Editieren   Zitieren
 

Antworten


Forum » Layout - Webwork bis Print für Homepages » Darstellung in IE 6.0 richtig in...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Darstellung in IE 6.0 richtig in Opera, Safari und Firefox falsch im Forum Homepage Hosting AntwortenLetztes Posting
Photoshop - Transparente dunkle Fläche
in "Layout - Webwork bis Print für Homepages"
0 05.12.2017 09:20 von JasminB
Ebay Shop Design
in "Layout - Webwork bis Print für Homepages"
1 27.11.2017 13:49 von Allon
Thekenaufsteller mit eigenem Design
in "Layout - Webwork bis Print für Homepages"
5 20.09.2017 22:39 von Lagerkatja
Ebay Shop Design
in "Layout - Webwork bis Print für Homepages"
0 07.08.2017 11:38 von yincom
Suche Designer/Skripter? für meine Homepage.
in "Layout - Webwork bis Print für Homepages"
5 26.05.2017 11:41 von fischermax676
Online Shop
in "Layout - Webwork bis Print für Homepages"
2 02.05.2017 19:14 von minze
Design ändern.
in "Layout - Webwork bis Print für Homepages"
2 10.02.2017 13:49 von kristofermuelle
Suche Webdesign Agentur - Muss kein Design Awards Gewinner sein
in "Layout - Webwork bis Print für Homepages"
5 29.01.2017 13:37 von minze
[Suche] Webdesigner / Grafiker für Headergrafik inkl. Logo
in "Layout - Webwork bis Print für Homepages"
1 16.06.2015 08:49 von Zeus
Fremde Bilder auf eigener Homepage
in "Layout - Webwork bis Print für Homepages"
7 07.04.2015 14:25 von Yvonne
gutes 3d programm?
in "Layout - Webwork bis Print für Homepages"
16 24.03.2015 13:33 von Carlsson
Corporate Identity gestalten
in "Layout - Webwork bis Print für Homepages"
8 03.03.2015 14:44 von baschtl
Briefbögen heute noch zeitgemäß
in "Layout - Webwork bis Print für Homepages"
0 03.02.2015 18:10 von Webinator



Besucher : 5407131    Heute : 508     Gestern : 1683     Online : 31     12.12.2017    7:48      0 Besucher in den letzten 60 Sekunden        
Die letzten 30 Referrer :

1 23:07 - google.com/search - content
2 23:06 - google.com/search - content
3 22:25 - google.com/search - content
4 22:24 - google.com/search - content
5 22:00 - google.com/search - content
6 21:01 - bing.com/search - outlook 2016 hotmail problem
7 17:31 - google.com/search - content
8 17:06 - google.com/search - content
9 16:56 - google.com/search - content
10 16:55 - google.com/search - content
11 16:45 - google.com/search - content
12 16:40 - google.com/search - content
13 15:50 - google.com/search - content
14 15:19 - google.com/search - content
15 13:20 - google.com/search - content
16 12:55 - google.com/search - content
17 12:18 - google.com/search - content
18 11:50 - google.com/search - content
19 11:45 - google.com/search - content
20 10:37 - google.com/search - content
21 10:02 - google.com/search - content
22 9:44 - google.com/search - content
23 9:43 - google.com/search - content
24 9:33 - google.com/search - content
25 23:52 - bing.com/search - intext: phpof_include_path mail
26 23:19 - google.com/search - content
27 18:24 - google.com/search - content
28 18:05 - https://google.de/search - handy von freundin orten kostenlos
29 16:02 - google.com/search - content
30 15:46 - google.com/search - content

Nach oben