Webstatt.org - Community seit 2006 - 2012 (2024?)

Menüeinträge verschieben sich beim Hover

Avatar user-182
02.07.2006 12:40

Hallo Leute,

hab ein Problem. Und zwar verschieben sich im IE auf http://hp.1.vg/demo-homepage/ die Einträge beim Hover im Menü. Im FF klappt alles.
Woran kann das liegen?
Und user-125, erdo oder user-180...könnt ihr mir sagen ob die seite auch im opi vernünftig aussieht?

// Die CSS Datei findet ihr auf http://hp.1.vg/designs/springfeeling/style.css
Das Wichtigste ist denke ich folgendes..
div#navi{
margin-left: 10px;
width: 140px;
float: left;
}

ul#navilinks{
list-style: none;
margin: 0 0 0 18px;
padding: 0;
}

ul#navilinks li a{
color: #000;
text-decoration: none;
font: 1.1em/20px verdana, sans-serif;
display: block;
width: 115px;
background: url(nav.gif) no-repeat 0 0;
padding-left: 18px;
margin-bottom: 2px;
}

ul#navilinks li#aktiv a{
background-position: 0 -20px;
font-weight: bold;
}

ul#navilinks li a:hover{
background-position: 0 -20px;
}


Danke lächeln
Franky

Seid ihr auch schon wix'r? xD
Avatar user-255
02.07.2006 13:00

Opera rendert wunderbar, im Gegensatz zu Firefox 1.0.8 (s. Anhang).

Hängen die Darstellungsfehler im IE evtl. mit dem verschobenen Hintergrundbild zusammen?
Kann's hier gerade nicht ausprobieren.. :-\

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-182
02.07.2006 13:19

mhh könnte mir nur vorstellen, dass es daran liegt, dass im footer clear:both steht...
wenn wer ne idee hat...bitte melden lächeln

Seid ihr auch schon wix'r? xD
Avatar user-182
02.07.2006 17:09

so hab mich mal selber angestrengt und mal im inet gesucht ^^
es kam dabei raus, dass das wohl ein bekannter bug im ie <= 6 ist. mit dem ie7 soll ja alles besser werden *rolleyes*

/* IE... */
* html ul#navilinks{
height: 1%;
}

* html ul#navilinks li{
height: 20px;
}

* html div#navi{
margin-left: 14px;
}

* html ul#navilinks li a{
width: 133px;
}


aber hab da noch etwas anderes ^^ und zwar werden im ff diese komischen linkpunkte angezeigt, wenn ein link aktiv ist...das würde nicht stören, wenn die nur rund um das <img> element wären, aber die sind aufm ganzen linken bereich neben dem link verteilt...guckts euch aufm anhang an, kb das jetzt noch genauer zu beschreiben x)

a#design{
position: absolute;
left: 171px;
display: block;
width: 136px;
height: 55px;
background: url(design.gif) no-repeat;
text-indent: -1000px;
}

a#provider{
position: absolute;
display: block;
left: 307px;
width: 220px;
height: 55px;
background: url(homepage.gif) no-repeat;
text-indent: -1000px;
}

a#webmaster{
position: absolute;
display: block;
left: 527px;
width: 103px;
height: 55px;
background: url(impressum.gif) no-repeat;
text-indent: -1000px;
}

Seid ihr auch schon wix'r? xD
Avatar user-255
02.07.2006 17:33

Dass dieser Rand über die Anzeigefläche hinaus geht kommt von der ja gewollten negativen
Einrückung des Textes. Ließe sich mit JavaScript lösen.. onFocus=blur() lächeln

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-182
02.07.2006 17:47

mhh würde sich das auch iwie anders lösen lassen?
oder muss ich text-indent unbedingt benutzen?
js möchte ich net wirklich gerne benutzen...

Seid ihr auch schon wix'r? xD
Avatar user-255
02.07.2006 18:10

> mhh würde sich das auch iwie anders lösen lassen?
> oder muss ich text-indent unbedingt benutzen?

Ist die momentan einzige browserübergreifende Möglichkeit, Text zuverlässig auszublenden.

> js möchte ich net wirklich gerne benutzen...

..wo doch gerade jetzt JavaScript aktueller denn je ist zwinkern

Aber mich persönlich stört das gar nicht. Wobei ich natürlich weiß, dass es kaum anders geht.. zwinkern

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-182
02.07.2006 19:14

Achso ja dann ist auch egal =)
Trotzdem vielen dank für die schnelle Hilfe lächeln

Jap, die Seite basiert auch auf JS/Ajax...

Seid ihr auch schon wix'r? xD
Avatar user-180
03.07.2006 19:16

top der übergang übrigens.

may the force be with you. but mostly with me.