unerklärlicher CSS-Fehler im IE

Hallo Leute,

hab jetzt schon zweimal nen ziemlich komischen CSS-Fehler im IE ausgemacht, der mir einfach unerklärlich ist.
Hab z.B. eine ul-List und den darin enthaltenen li-Listings via CSS eine bullet-Grafik zugewiesen. Im Firefox funktioniert das auch alles super, nur im IE blendet er die bullet-Grafik nur sporadisch ein. Also, das erste li zeigt er korrekt und die letzten 4. Diese verschwinden manchmal wenn man drüber markiert und bei jedem Neuladen kommt er mit neuen Variationen, was richtig und was falsch dargestellt wird daher.

Komm nicht dahinter wo der Fehler liegt. Ach ja,... reines HTML stellt der IE auch korrekt da. Sobald ich die List anschließend jedoch über Datenbank generierte kam der Fehler, obwohl am letztendlich generierten Code kein Unterschied zu bestehen scheint.

Hat jemand Ähnliches beobachtet und wie löst man das Problem?

phore

link? quelltext?

Ronald

Moin!

Wie wäre es mit einer URL oder dem (kompletten) Quelltext ?

Wir können nur Fehler finden, wenn wir den Quelltext sehen, ansonsten wären wir unbezahlbar und hätten einen festen Job bei Bill Gates

G.a.d.M.

Ronald

ok:

Code

<div id="navigation">                                                                                   

			         <div id="metanavigation">


					 <div class="skip">
					 [url='#inhalt']Zum Inhalt / Navigation &uuml;berspringen[/url]
					 </div>

					 <h3>Navigation</h3>
			         </div>










//** ____________________________________________________________ 
//**	Submodul:		loadnavigation()
//**	Version:		1.0				
//**	Beschreibung:	Anzeigen der Hauptnavigationbaumes auf der linken Seite bis zur zweiten Ebene
//** ____________________________________________________________ 






function loadnavigation()
	{


	global $srmenu, $srparent, $srebene;
	global $anhang, $sitelinkstandard;

	echo ("<div id='auswahlnavigation'>
\n");

	$sql = "SELECT id FROM tblcms_navigation WHERE titel='Hauptnavigation'";
	$res = send_sql($db, $sql);
	$result = mysql_fetch_array($res);

	$hn_treeid = $result['id'];

	$sql = "SELECT * FROM tblcms_navigation WHERE publik='1' AND parentid='".$hn_treeid."' ORDER BY pos";
	$res = send_sql($db, $sql);


	$i = 1;

	while($row = mysql_fetch_array($res))
	  {
	    switch($row['titel']) {

		   case 'Das HPZ': echo "<div id='hpz_container'><div id='dashpz_info'>Diese Rubrik liefert Ihnen einen Überblick über die Einrichtungen und Leistungen des HPZ</div>\n\n"; break;

		   case 'Information': echo "<div id='info_container'>\n<div id='info_info'>Hier finden Sie ein Archiv der News, aktuelle Termine und Elternbriefe sowie unsere Kontaktdaten + Anfahrtsskizze</div>\n";break;

		   case 'HPZ Intern': echo "<div id='hpzintern_container'>\n<div id='hpzintern_info'>Kommunikations- plattform der Seite: aktuelle Informationen zu den einzelnen Stufen und Mitarbeitern</div>\n"; break;

		   default: echo "<div id='standard_container'>\n"; break;

	       }


		$ueberschrift = $row['titel'];
		$ueberschrift = strtoupper($ueberschrift);
	    echo ("<div class='nav_header'>$ueberschrift</div>");

	    switch($row['titel']) {

		   case 'Das HPZ': echo "<ul onMouseOver=\"zeigefeld('dashpz_info');\" onMouseOut=\"versteckefeld('dashpz_info');\">\n"; break;

		   case 'Information': echo "<ul onMouseOver=\"zeigefeld('info_info');\" onMouseOut=\"versteckefeld('info_info');\">\n";break;

		   case 'HPZ Intern': echo "<ul onMouseOver=\"zeigefeld('hpzintern_info');\" onMouseOut=\"versteckefeld('hpzintern_info');\">\n"; break;

		   default: echo "<ul>\n"; break;

	       }




 

		load_subentries($row['id']);

	   echo "</u>\n";


	    echo "</div>
";
	    if(mysql_num_rows($res)!=$i) { echo "<div class='navbottom'></div>"; }

	    $i++;


	  }

	echo "</div><div id='navbottom_letzte'></div>";


	}




//** ____________________________________________________________ 
//**	Submodul:		load_subentries()
//**	Version:		1.0				
//**	Beschreibung:	Anzeigen der Unterpunkte der Hauptnavigation
//** ____________________________________________________________ 


	
function load_subentries($parentid)
   {


	  $sql = "SELECT * FROM tblcms_navigation WHERE publik='1' AND parentid='".$parentid."' ORDER BY pos";
	  $res = send_sql($db, $sql);
	  while($row = mysql_fetch_array($res))
	  {

		  if($row[id] == $_REQUEST['pageid']) { echo "\n<li class='aktuell'>"; } else { echo "\n[*]"; }

		  echo "<a href=index.php?&pageid=".$row['id'].">".$row['titel']."</a>\n";   

	  }	  

   }








					 

	   	      <div id="navunten"></div>

		</div>

Alles anzeigen

zugehöriges CSS (die relevanten Teile):

Code

#navigation ul
{
          list-style-type: none;
		  margin: 0;
		  padding: 0;

}


#navigation li
{ 
          background: url("grafx/nav_bullet.gif") no-repeat;
		  background-position: 0 4px;
		  padding-left: 12px;
		  display: block;


}


#navigation li.aktuell
{
          background: url("grafx/nav_bullet2.gif") no-repeat;
		  background-position: 0 4px;
		  padding-left: 12px;
		  display: block;
}




#navigation li:hover
{
          background: url("grafx/nav_bullet2.gif") no-repeat;
		  background-position: 0 4px;
		  padding-left: 12px;
		  display: block;
}

Alles anzeigen

Ich hoffe da kann man noch durchblicken. Hab den PHP-Teil oben einfach reinkopiert. Er wird von der Seite aus anders aufgerufen, aber dieser Code wird dann im Endeffekt ausgeführt.
Und wie gesagt, im CSS-konformen Firefox klappt das alles wunderbar.
Ich leg nochn Screenshot dazu, was er im IE anzeigt.
Je nachdem, wo ich mit der Maus hinfahre erscheinen diese paar die er anzeigt dann noch oder halt nicht. Scheint völlig willkürlich zu sein und ich kann es mir nicht erklären.

PS: danke für die schnelle Hilfe! Top-Forum

Ronald

Kanst du nicht einfachheithalber einmal die URL geben, damit man den ausgegebenen HTML-Quelltext ansehen kann?

fragt ...

Ronald

das blöde ist, die Site ist ja noch im Entwicklungsstadium. Jetzt die ganze Site + Grafiken hochladen, Datenbank konfigurieren, etc. ist den Aufwand nicht wert.

Ich leg einfach den kompletten generierten Quellcode bei und das komplette CSS

Screenshot des relevanten Teils is ja bereits oben vorhanden. Hierbei handelt es sich im Endeffekt eigentlich nur um das "navigation"-div-Tag. Also um diesen Bereich gehts

is vorhin nicht gegangen.
Hier nochmal die Dateien. Nun als jpg "getarnt". Sind aber die Code-Dateien

JUHU... Habe das Problem soeben gelöst. Der IE macht keine Zicken mehr soabld ich dem [*] Tag ein position:relative zuweise.
Warum das so ist und worauf dieser komische Fehler beruht, würde mich aber schon interessieren, da ich dieses Phänomen nun schon zum zweiten Mal beobachte.

Vielen Dank für die Hilfe!

Tags