span - trotzdem zeilenumbruch bei safari
0 0 
Jonathan
span - trotzdem zeilenumbruch bei safari
Hi,
ich habe folgendes Problem:
ich verwende für ein Rollovermenü CSS und es klappt auch wunderbar, doch statt IE macht mir safari nun Probleme.
Ziel des ganzen ist es 4 der folgendermaßen definierten spans nebeneinander zu haben. Bei allen getesteten Browsern klappt das auch, nur Safari setzt die spans untereinander.
Irgendwer Ideen?
Das im <head>
<style type="text/css">
#rollovermenu a {
height: 30px;
width: 100px;
display: table-cell;
background: url("images/link1.jpg") 0px 0px no-repeat;
}
#rollovermenu a:hover {
background-position: 0px -30px;
}
#rollovermenu a:active {
background-position: 0px -30px;
}
</style>
Und das an der Stelle wo es sein soll:
<span id="rollovermenu">
<a href="index.php"></a>
</span>
-
So sieht es überall aus:
http://farm4.static.flickr.com/3285/2669471154_e7920bdd85_o.jpgausser bei safari:
http://farm4.static.flickr.com/3114/2669404468_477a896b07_o.jpg -
Hallo Kaaht,
display: table-cell;
Ich wüsste nicht, warum man jetzt table-cells unbedingt nebeneinander darstellen sollte. Dein Code finde ich jedenfalls ziemlich gewagt und undefiniert. Poste außerdem bitte mal vollständigen Code, du hast ja sicher mehr als einen link. (Sonst gäbe es das Problem ja auch nicht)
Und wieso hat das eine a-Element keinen Textinhalt?
Jonathan
-
Hi,
display: table-cell;
Ich wüsste nicht, warum man jetzt table-cells unbedingt nebeneinander darstellen sollte.sofern sie in der selben table-row sind, wüsste ich schon einen Grund. Die Frage ist: Tun sie das?
Die nächste Frage ist: Was passiert im IE?
Und wieso hat das eine a-Element keinen Textinhalt?
Auch diese Frage ist wichtig.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes
-