Autor |
Nachricht |
kurtzman
Threadersteller
Dabei seit: 07.07.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 08.07.2005 15:39
Titel css, ie6, list-style-image... |
|
|
wieder mal ein problem, verursacht durch den ie6.
ich verwende eine ganz normale liste:
Code: |
<dir>
<ul>
<li>element1</li>
<li>element2</li>
<li>element3</li>
</ul>
</dir>
|
das syle habe ich so definiert:
Code: |
dir {
border: 0; margin: 65px 0 0 18px; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
ul {
border: 0; margin: 0; padding: 0;
list-style-image: url(../layout/arrow_quicklinks.gif);
}
li {
border: 0; margin: 0 0 0 18px; padding: 6px 0 6px 0;
font-size: 11px;
}
|
dummerweise sind nun die arrows (aufzählungszeichen) nicht in einer zeile mit den element-texten. im mozilla ist alles schon ausgerichtet (vertical-align: middle; geht natürlich nicht).
valiede ist alles nach w3c...
mit dem padding bei li hab ich schon experimentiert. bei 0 sind die arrows ebenfalls nach oben verschoben - allerdings nicht so stark...
|
|
|
|
|
burnout
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
Verfasst Fr 08.07.2005 16:54
Titel
|
|
|
evtl. ist die von dir eingesetzte grafik zu groß?
hatte das auch mal...
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
|
|
|
Honk
Dabei seit: 20.08.2003
Ort: Bremer Outback
Alter: 45
Geschlecht:
|
Verfasst Sa 09.07.2005 00:31
Titel
|
|
|
ah, (fast) beim thema:
gibts eigentlich prinzipiell kleine unterschiede bei der darstellung? (IE, Firefox, ...)
hab mich heute bei der gleichen geschichte abgemüht, browserübergreifend was hinzubekommen, was einigermassen pixelgenau gleich war ...
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 09.07.2005 02:42
Titel
|
|
|
ach list style, speziell list style image beim IE kannste knicken. wenn du n zufriedenstellendes ergebnis haben willst, dann musste das bild im ie oben oder unten, ich weiß gerade nich genau, so weit mit leerzeichen füllen bis es halbwegs auf der gewünschten höhe hängt. skalierbarkeit adé, aber der ie is ja eh fürn arsch.
aber generell kannste dich davon verabschieden das du ohne zu „hacken“ im IE was richtig dargestellt bekommst.
|
|
|
|
|
kurtzman
Threadersteller
Dabei seit: 07.07.2005
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 10.07.2005 17:54
Titel
|
|
|
probieren hilft...
die grafik war 11x11 px groß.
ich hab die grafik nun bei gleicher breite auf 20px vergrößert und das padding bei den li elementen auf 0 gesetzt.
ergebnis lässt sich sehen - 1px ist es beim ie ungenau... passt aber - damit kann man leben
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mo 11.07.2005 07:56
Titel
|
|
|
kurtzman hat geschrieben: | probieren hilft...
die grafik war 11x11 px groß.
ich hab die grafik nun bei gleicher breite auf 20px vergrößert und das padding bei den li elementen auf 0 gesetzt.
ergebnis lässt sich sehen - 1px ist es beim ie ungenau... passt aber - damit kann man leben |
Genauer hab ich's bisher auchnoch nicht hinbekommen, schließe mich zudem beeviz' Meinung bezgl. dem IE an. Wenn dieser scheiß Browser nicht die ganzen Tücken hätte, könnte man die Seite in der Hälfte der Zeit realisieren
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS Aufzählung list-style-image
[css] list-style-image - vertikal ausrichten
list-style-image bei mouseover austauschbar?
[CSS]Hilfe! Warum kein Border um list-style-image?
css list-style-position
CSS: List-image nur bei Hauptmenüpunkten
|
|