Hallo liebe Leute!
Habe mir einen eigenen Slider(Schieberegler) für ein Projekt gebaut. Dieser besteht aus vier div-Bereichen.
<div style="position:absolute; top:150px; left:690px; height:22px; width:160px; background-color:black">
<div style="position:absolute; top:1px; left:1px; height:20px; width:158px; background-color: lightblue"></div>
<div style="position:absolute; top:9px; left:10px; height:1px; width:140px; background-color:black"></div>
<div id="slider" style="position:absolute; top:-4px; left:70px; height:20px; width:20px; cursor:hand">
</div></div>
Im Firefox klappt alles, im Internet-Explorer scheitert der dritte Div von oben.
Der Slider soll folgendermaßen aussehen:
1. Eine schwarze Fläche.
2. Darüber eine lightblue Fläche, wobei am Rand ein schwarzer Rahmen übrig bleibt.
3. Ein schwarzer Strich in der Mitte über der lightblue Fläche.
4. Ein Schieberegler-Button oben drauf.
Klappt ja auch alles, außer das ich im Internet-Explorer den schwarzen Strich nicht auf eine dicke von einem Pixel bekomme, obwohl das im div angegeben ist. Im Firefox klappt's!
Kann man gerne mal ausprobieren. Einfach die div-Bereiche in eine neue html-Datei einbauen.
Bin wirklich am verzweifeln.
Hoffe jemand erkennt den Fehler. Dank schon einmal im voraus.
Gruß Jörn