Probleme mit IE6

Status
Nicht offen für weitere Antworten.

soyo

Erfahrenes Mitglied
Schön guten Abend,

mit Hilfe von cssplay.co.uk hab ich eine kleine Gallerie erstellt. Diese funktioniert auch im IE7, FF und Opera. Nur der IE6 macht mir Probleme. Hier einfach mal etwas Code:

css:
HTML:
a.gallery:hover span {
  visibility:visible;
}
a.gallery:focus span {
  visibility:visible;
}

a.gallery span {
  visibility:hidden;
  display:block;
  position:absolute;
  width:580px;
  height:350px;
  top:360px;
  left: 24%;
  color:#000;
  background:#D1E6A0;
  text-align:center;
  border:1px solid #fff;
  font-family: verdana, arial;
  letter-spacing:1px;
  padding: 30px 0 0 0;
  cursor:default;
}
html:
HTML:
<div id="gallery">
          <a class="gallery slidea" href="#nogo"><span><img src="img/gallery/img001.jpg" alt="bild 1" title="bild 1"><br>bla bla TEXT ...</span></a>
        </div>

Wo ist dort das Problem? Die Pseudo-Klassen sollten doch so funktionieren.


Gruß soyo
 
Zuletzt bearbeitet:
Hi,

versuch es mal mit dieser Regelerweiterung:

Code:
a.gallery:hover {
border:none;
}
 
Hab den Zugang zur Page nur zuhaus, werd ich dann gleich mal prüfen. Was hatt das aber mit dem border zu tun?
 
Der IE6 benötigt die border- oder background-Angabe, um "CSS-Popups" anzuzeigen.
 
Welche von Stu Nicholls' Photo-Galerien hast du denn überhaupt als Vorlage verwendet?

In zwei Beispielen konnte ich diese Regeln entdecken, die zum Erfolg führen:
Code:
a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
Code:
a.gallery:hover {white-space:normal; border:1px solid #fff; }

Aber auch mit
Code:
a.gallery:hover {white-space:normal; border:none; }
läuft deine Galerie im IE6 tadellos.

Achja, warum wiederholst du eigentlich in der style_ieold.css alle Selektoren, deren Eigenschaftswerte mit denen in der style.css übereinstimmen?
 
So funktioniert es ohne Probleme, vielen Dank.

Das mit den Conditional Comments und den beiden fast identischen Stylesheets war nur ein Test, ich weis das die Selektoren überschrieben werden.

Wie schaffe ich es jetzt noch, das bei jeder Auflösung der Block-Element mit dem Bild immer zentriert bleibt? Irgendwie macht mir die absolute Positionierung da Probleme.

Trotzdem erstmal großen Dank.
 
Hi,

versuch es mal hiermit:

Code:
a.gallery span {
  visibility:hidden;
  display:block;
  position:absolute;
  width:580px;
  height:350px;
  top:360px;
  left:50%;
  margin-left:-290px;
  color:#000;
  background:#D1E6A0;
  text-align:center;
  border:1px solid #fff;
  font-family: verdana, arial;
  letter-spacing:1px;
  padding: 30px 0 0 0;
  cursor:default;
}
 
Status
Nicht offen für weitere Antworten.
Zurück