CSS-Design für IE zugänglich machen
derSven
- design/layout
Hola,
da habe ich doch in großer Mühe ein komplett mit CSS realisiertes
Design erstellt, und was muss ich feststellen? Der IE wehrt sich
heftigst, ein bisschen CSS richtig zu interpretieren. Mozilla und
Opera (meine Favoriten :) haben damit selbstverständlich keine
Probleme.
Soweit macht der IE das alles ganz ordentlich, nur bei der Auflistung
der News ("Neue News" rechts weiter unten, ziemlich langer grüner
Kasten) macht er ein Riesenradau - unbeschreiblich, dass muss man
einfach in der Praxis sehen. Und aus diesem Grund habe ich einen mit
dem IE (...) einen "Schnappschuss" der Seite gespeichert. Dummerweise
sind nur sämtliche Hintergrundgrafiken nicht gespeichert, die CSS sowie
der Seitenquelltext sind bis ins Unkenntliche zerstört worden, usw.
Das Design ist somit total zerhackstückelt - es geht mir aber jetzt
auch nicht um irgendwelche liebevoll gestaltete Grafiken, sondern viel
eher um das Rendering der süßen kleinen Boxchen des IE's.
Die Adresse der Beispielseite:
http://sveni.dnsalias.net/forum/grauendesign/grauendesign.htm
Ach so, bevor die langersehnten Postings à la "was willst du eigentlich
machen?" kommen: Mein Ziel ist es (imho selbstverständlich ;), den
IE die oben verlinkte Seite in etwa so darstellen zu lassen, wie Mozilla
und Opera (7) es tun.
Gruß & vielen Dank schon mal im Vorraus,
der Sven
Hi,
das sieht mir ganz nach dem Bug aus, der durch Angabe von line-height meist behoben werden kann.
freundliche Grüße
Ingo
Hallo Ingo,
das sieht mir ganz nach dem Bug aus, der durch Angabe von line-height meist behoben werden kann.
hmm... wem muss ich denn dann line-height: 100% zuweisen?
Gruß,
derSven
Hola,
so, ich habe jetzt einfach mal durchgängig dem väterlichen <div>,
<ul>, <li> und auch <a> "line-height: 100%;" gegeben. Ferner habe
ich die komischen Unterstreichungen, die der IE immer reinmogelt,
durch "text-decoration: none;" an allen möglichen Stellen unter-
drückt.
Wie schön, dass man das unnötige Aufblähen des onehin schon um-
fangreichen CSS durch zusätzliche IE-"Workarounds" mit "/* IE Bug
Behebung */" notieren kann ;-) - passender wäre natürlich
/* Bill Gates hat den Schaden gemacht - und die Welt muss
dafür Überstunden abarbeiten */
...
;o)
freundlische Grüße,
derSven :)