• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

IE Bug oder bin ich zu doof

ZeitGeist

ZeitGeist

Lounge-Member
guten Abend
ich hab gerade festgestellt das eine etwas "ältere" Seite von mir im IE einige komischen Sachen macht.
Wenn ich im IE mit der Maus über die Links fahre verkleinert sich der Abstand nach oben. Ich hab nicht rausfinden können woran das liegt. Ist das nen Bug vom IE und viel wichtiger kann man was dageben tun?

der html code
HTML: 
<ul id="navi">
  <li onClick="location.href='/www.kleefeld-love.de/index.php'"> <a href="/www.kleefeld-love.de/index.php" class="current">Hause</a> </li>
  <li style="border:none; cursor:auto;"> </li>
  <li id="navi2" onClick="location.href='/www.kleefeld-love.de/galeries/index.php?id=17'" title="02.04.05"> <a href="/www.kleefeld-love.de/galeries/index.php?id=17" title="02.04.05">Grillstart!!</a> </li>
  <li id="navi3" onClick="location.href='/www.kleefeld-love.de/galeries/index.php?id=16'" title="06.03.05"> <a href="/www.kleefeld-love.de/galeries/index.php?id=16" title="06.03.05">Durchmischtes</a> </li>
  <li id="navi4" onClick="location.href='/www.kleefeld-love.de/galeries/index.php?id=15'" title="02.02.05"> <a href="/www.kleefeld-love.de/galeries/index.php?id=15" title="02.02.05">Aus dem Regen</a> </li>
  <li id="navi5" onClick="location.href='/www.kleefeld-love.de/galeries/index.php?id=14'" title="01.02.05"> <a href="/www.kleefeld-love.de/galeries/index.php?id=14" title="01.02.05">News von Noise</a> </li>
  <li id="navi6" onClick="location.href='/www.kleefeld-love.de/galeries/index.php?id=12'" title="07.01.05"> <a href="/www.kleefeld-love.de/galeries/index.php?id=12" title="07.01.05">Pace rockt Astra</a> </li>
  <li id="navi7" onClick="location.href='/www.kleefeld-love.de/galeries/index.php?id=1'" title="17.09.04"> 
[..]
</ul>

und das zugehörige css
HTML: 
/* CSS Document */
	body
	{
		margin:0px 0px 50px 0px;
		padding:20px 10px 10px 0px;
		font-family:Tahoma, Verdana, Arial, sans-serif;	
	}
	#center
	{
		width:910px;
		position:absolute;
		left:50%;
		margin-left:-440px;
		padding-bottom:100px;
	}
	
/* Navigation in <ul id="navi"> */
	#navi
	{
		position:relative; top:10px; left:0px; float:left;
		margin:0px;
		padding:0px;
		list-style-type:none;
		width:200px;
	}
	#navi	.current
	{
		border:1px #66FFFF solid;
		color:#66FFFF;
	}
	#navi	a:link
	{
		margin:0px 0px 5px 0px;
		padding:2px 0px 2px 5px;
		width:100%;
		max-width:193px;
		border:1px black solid;
		display:block;				
		color:black;
		font-weight:bold;
		font-size:medium;
		text-decoration:none;
	}
	#navi	a:visited
	{
		margin:0px 0px 5px 0px;
		padding:2px 0px 2px 5px;
		width:100%;
		max-width:193px;
		border:1px black solid;
		display:block;				
		color:black;
		font-weight:bold;
		font-size:medium;
		text-decoration:none;
	}
	#navi	a:hover
	{
		margin:0px 0px 5px 0px;
		padding:2px 0px 2px 5px;
		width:100%;
		max-width:193px;
		border:1px #66FFFF solid;
		display:block;				
		color:black;
		font-weight:bold;
		font-size:medium;
		text-decoration:none;
	}
	#navi	a:active
	{
		margin:0px 0px 5px 0px;
		padding:2px 0px 2px 5px;
		width:100%;
		max-width:193px;
		border:1px black solid;
		display:block;				
		color:black;
		font-weight:bold;
		font-size:medium;
		text-decoration:none;
	}

hier kann man es mal ausprobieren
 
Sorry, aber ich kann jetzt nur mutmaßen und durch ein Ausschlußverfahren Deinerseits der Sache auf den Grund versuchen zu gehen...

Ist vielleicht nicht relevant, aber der IE neigt trotz seiner diversen Schwächen dazu,
CSS-Kurzanweisungen in der richtigen Reihenfolge lesen zu wollen,
in dem Fall nicht:
border:1px #66FFFF solid;
sondern
border:1px solid #66FFFF;
Ich vermute mal stark, das das nicht Dein Problem lösen wird,
weswegen Du mal probieren könntest hier:
<li style="border:none; cursor:auto;"> </li>
das none zu entfernen und auch 1px mit der Hintergrundfarbe reinzuschreiben...
(und in dem li darüber einsetzen)

Wenn Du das mal probiert hast und es immer noch nicht geht,
gehen wir der Sache mal genauer auf den Grund...
 
Zuletzt bearbeitet:
Hmmm, trickey problem...

Nachtrag: Vergiss mein oberes Posting...
bin noch am Basteln...
 
Zuletzt bearbeitet:
leider hat nix davon geholfen, was mich besonders wundert ist, dass wenn man einmal über alle fährt und dann mit der maus den 2. von oben berührt (ohne die andern zu berühren) klappen alle darunter aus.

ich hab außerdem den Code mal ein wenig entschlackt. da war noch sehr viel überflüssiges drin, sieht jetzt so aus
HTML: 
<ul id="navi">
  <li><a href="/www.kleefeld-love.de/index.php" class="current">Hause</a></li>
  <li> </li>
  <li id="navi2"><a href="/www.kleefeld-love.de/galeries/index.php?id=17" title="02.04.05">Grillstart!!</a></li>
  <li id="navi3"><a href="/www.kleefeld-love.de/galeries/index.php?id=16" title="06.03.05">Durchmischtes</a></li>
  <li id="navi4"><a href="/www.kleefeld-love.de/galeries/index.php?id=15" title="02.02.05">Aus dem Regen</a></li>
  <li id="navi5"><a href="/www.kleefeld-love.de/galeries/index.php?id=14" title="01.02.05">News von Noise</a></li>
  <li id="navi6"><a href="/www.kleefeld-love.de/galeries/index.php?id=12" title="07.01.05">Pace rockt Astra</a></li>
  <li> </li>
  <li id="add"><a href="/www.kleefeld-love.de/add/add.php">Bilder hinzufügen</a></li>
  <li id="news"><a href="/www.kleefeld-love.de/news.php">Newsletter</a></li>
</ul>

und die border sollte zu border:breite art farbe werden, richtig?
 
ZeitGeist schrieb:
und die border sollte zu border:breite art farbe werden, richtig?
Zum Vergrößern anklicken....

Wäre eigentlich die korrekte Reihenfolge,
hat aber keinerlei Auswirkungen auf Dein Problem...

Sorry, ich habe mir mal Deine Sachen lokal gespeichert,
um der Sache auf den Grund zu gehen,
habe aber noch keinen Erfolg gehabt...
 
Also ZeitGeist,
es hat definitiv was mit dem hier zu tun:
Code: 
margin:0px 0px 5px 0px;
padding:2px 0px 2px 5px;
Als ich nämlich das geschrieben habe:
Code: 
margin:2px;
padding:2px;
gab's diese 'Sprünge' nicht.
Da dran musst Du was drehen...
 
Super!!

wenn ich einfach margin-top:5px nehme gehts wunderbar, und sieht genauso aus!

noch mal herzlichen Dank dkdenz, du bist gerade mein "hero of the day" geworden :)
 
:D
Oooh Thanx... :)

War aber auch keine leichte Geburt...
Hauptsache es geht und Du kannst damit leben...
 
Darf ich mal kurz was fragen??
Ich schreibe/lerne schon eine ganze Weile html und css. Bin aber eigentlich noch Anfänger.

Etwas weiß ich aber immer noch nicht, und ist eine selten doofe Frage.

wenn ich &nbsp setze, ist das ein geschütztes Leerzeichen - ja?
wozu ist das aber im Quelltext gedacht ??
Habe sowas schon öfter gesehen, aber kann es nicht zuordnen.

Liebe Grüße
Liz
 
  ist die Abkürzung für "non-breaking-space", was frei übersetzt soviel wie Nicht-Zeilenumbrechender-Leerraum bedeutet. Üblicherweise eingesetzt an Stellen, wo ein automatischer Umbruch durch den Seitenformatierungsalgorithmus (bzw. Positionsschätzgerät im Falle des Internet Explodierers) des jeweiligen Internet Anguckers unterbunden werden soll.

Was das jetzt mit dem bisherigen Diskussionsverlauf zu tun hat erschließt sich mir nicht auf Anhieb....
 
Sorry !!!

Nächstes Mal mache ich neuen Thread, war nicht böswillig

LG Liz

edit/ Dankeschööön - trotzdem !!!! :)
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben