thema internetexplorer

[Steamo]

folgendes ich habe eine navileiste und habe sie angeordnet .. mit top marginleft usw
nun in firefox und opera siehts gut aus..nur der internet ekplorer macht sein eigenes ding.
ich habe ma gelesen irwo das es codes gibt, die nur der exploerer liest..
kann mir jemand weiter helfen?

 

[Dennis]

AW: thema internetexplorer

Schlage mich auch gerade etwas intensiver mit dem Thema rum, diese Seite hat mir bisher immer gut geholfen:

CSS 4 You - The Finest in Stylesheets

 

[Pixelverwender]

AW: thema internetexplorer

Der Suchbegriff Deiner Wahl heißt "Conditional Comments" - das sind Kommentare vorzugsweise in CSS-Dateien, die vom Browser dennoch gelesen werden.

Beispiel:

<!--[if IE 5]>
<p>Das ist der Internet Explorer 5.</p>
<![endif]-->

Dort kannst Du z.B. bestimmte Formatierungsanweisungen hineinschreiben, die dann nur vom IE (hier Version 5) interpretiert werden.

Bei selfhtml ist ein ganzer Abschnitt nur den CC und dem IE gewidmet:
http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative

 

[FreddyX2]

AW: thema internetexplorer

Ich wäre für

<!--[if IE<8]>

<administrator>delete iexplorer.exe</administrator>

<![endif] -->

Du kannst auch mit JS eine Browserweiche bauen und die Besucher auf entsprechende Seiten umleiten. Kommt aber am Ende auf das Gleiche hinaus.

 

[Pixelverwender]

AW: thema internetexplorer

@FreddyX2: Da könntest Du "<8" ruhig weglassen...

Aber mit CSS kann er es sowohl komfortabler gestalten (keine zusätzlichen Seiten für den f...ing IE) als auch das Problem umgehen, welches entsteht, wenn jemand JS deaktivert hat.

 

[Steamo]

AW: thema internetexplorer

also könnt ich das dann so einsetzten?

<!--[if IE]>
div.header {
position: absolute;
top: 0;
left: 0%;
margin-left: 220px;
width: 925px;
height: 563px;
}
</style>
<div class="header"><img src="http://bildundso" border="0" /></div>
<![endif]-->

 

[Dennis]

AW: thema internetexplorer

margin-left: 220px;
width: 925px;

OT: ganz schön breit oder meinst du nicht.... :uhm:

 

[Steamo]

AW: thema internetexplorer

ne is so gewollt ^^ will blos wissen ob das dann so geht^^

 

[zutrinken]

AW: thema internetexplorer

man kann dem Internetexplorer noch eigene CSS Werte zuweisen indem man einen Unterstrich davor macht.

.x{
margin-left: -440px; (Dies ist für gute Browser)
_margin-left: 230px; (und das wird dann nur vom IE umgesetzt)
}

Kann man vor allem bei Myspace gut gebrauchen dermal dies die einzig funtionierende Möglichkeit dort ist ;]

 

[Steamo]

AW: thema internetexplorer

ha gut danke das habe ich gebraucht ^^

*daumen hoch* an zutrinken

 

[FreddyX2]

AW: thema internetexplorer

Nun brauch ich Eure Hilfe. Will dafür nicht extra einen Thread erstellen.

Folgendes:

Meine CSS-Datei wird von allen Browsern richtig interpretiert. IE7+ funktioniert alles wunderbar. IE6 nicht. Also für den IE6 eine eigene CSS-Datei erstellt. Nun soll der IE6 seine eigene Datei laden.

<link rel="stylesheet" type="text/css" href="styles/site.css"  media="screen" />

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="styles/site-ie6.css" media="screen" />
  <![endif]-->

Es ist doch so, dass alles nachfolgende, das vorhergehende überschreibt. Oder irre ich?

Entsprechend:
Normale CSS-Datei Pfadangabe. Für jeden vernünftigen Browser. Der IE6 liest danach die IE6 CSS Angabe. Also sollte er doch diese CSS-Datei laden, da die vorhergehende Angabe überschrieben wird. Macht er aber nicht.

Ich finde meinen Denkfehler aber nicht..

PS:
Lass ich die normale Angabe weg, lädt der IE6 brav seine CSS-Datei. Alle anderen Browser laden keine CSS-Datei. Wie es sein soll. Wird ja keine angegeben.

 

[hubspe]

AW: thema internetexplorer

Nun soll der IE6 seine eigene Datei laden.

wozu das? Es reicht eine ie.css für alle IE-Versionen.

Es ist doch so, dass alles nachfolgende, das vorhergehende überschreibt. Oder irre ich?

Wichtiger als die Reihenfolge im Stylesheet ist z.B. die Spezifität.

 

[FreddyX2]

AW: thema internetexplorer

wozu das? Es reicht eine ie.css für alle IE-Versionen.

Nun, ich lass als a:hover eine png-Datei laden, damit eine kleines "Lämpchen" angezeigt wird. Bzw, das bereits angezeigte Lämpchen die Farbe wechselt, indem ich einfach eine andere Grafik lade. Nun ist es so, dass der IE6, warum auch immer, die Farbe des gesamten Buttons ändert. Also lass ich das laden dieser Grafik weg. Sehen Benutzer des IE6 eben keine Lämpchen.

IE7+ zeigen alles richtig an. Also sollen die auch weiterhin die Grafiken anzeigen dürfen. Sieht ja gut aus. Nur der IE6 eben nicht. Und deshalb wollte ich für den IE6 eine extra Anweisung hinterlegen.

Falls sich jemand das Projekt ansehen möchte:

Benutzername: tester
Passwort: test

Die Seite ändert sich möglicherweise im Laufe des Tages des Öfteren. Es kann also sein, dass Du gelegentlich eine komplett andere Navigation vorfindest

Wichtiger als die Reihenfolge im Stylesheet ist z.B. die Spezifität.

Ich meine nicht im Stylesheet die Reihenfolge. Ich meine die Reihenfolge in der HTML-Datei, zum Einbinden der CSS-Datei.
Erst die CSS-Datei für alle kompatiblen Browser. Dann kommt danach die Anweisung für den IE6 mit einer neuen CSS-Datei. Ich spekulierte darauf, dass der IE6 dann die zweite CSS-Datei verwendet. Weil zwei CSS-Dateien für media="screen" ist für mich doppelt. Sodass ich denke, dass der IE6 das auch sieht und einfach die zweite Datei lädt.

 

[hubspe]

AW: thema internetexplorer

Ich meine nicht im Stylesheet die Reihenfolge. Ich meine die Reihenfolge in der HTML-Datei, zum Einbinden der CSS-Datei.
Erst die CSS-Datei für alle kompatiblen Browser.

aha, du hast also keine Ahnung was Spezifität für einen Einfluß auf die vom Browser verwendeten Stylesheets hat, noch bist du dem Link gefolgt und hast dir das mal zu Gemüte geführt, um dem abzuhelfen.

*seufz*...... okay, nochmal:
Es ist völlig wurscht wo du welche Styles-Einbindungen im head verewigst.

Hat in der ersten Datei eine Anweisung eine höhere Spezifität als eine weiter unten notierte Anweisung, oder eine in einer anderen css-datei weiter unten, dann wird die Anweisung mit der höheren Spezifität genommen.

Sowas ist eigentlich absolutes Grundlagenwissen.

man kann dem Internetexplorer noch eigene CSS Werte zuweisen indem man einen Unterstrich davor macht.

Und watt machste wenn der IE7 nen Fehler hat, der IE8 oder IE6 aber nicht, oder umgekehrt?

 

[FreddyX2]

AW: thema internetexplorer

aha, du hast also keine Ahnung was Spezifität für einen Einfluß auf die vom Browser verwendeten Stylesheets hat, noch bist du dem Link gefolgt und hast dir das mal zu Gemüte geführt, um dem abzuhelfen.

*seufz*...... okay, nochmal:
Es ist völlig wurscht wo du welche Styles-Einbindungen im head verewigst.

Hat in der ersten Datei eine Anweisung eine höhere Spezifität als eine weiter unten notierte Anweisung, oder eine in einer anderen css-datei weiter unten, dann wird die Anweisung mit der höheren Spezifität genommen.

Sowas ist eigentlich absolutes Grundlagenwissen.



Und watt machste wenn der IE7 nen Fehler hat, der IE8 oder IE6 aber nicht, oder umgekehrt?

Stimmt nicht ganz. Ja, ich habe von Spezifität keine Ahnung. Aber ich hab mir den Link angesehen. Und mir ist die Bedeutung zu den eingebundenen Dateien nicht ganz klar geworden.
Muss ich also in der CSS-Datei für den IE6 die Definitionen, die ich anpassen muss, so umschreiben, dass sie eine höhere Spezifität haben, als die Definitionen in der "Standard"-CSS-Datei? Sodass der IE6 dann merkt, aha, in der zweiten Datei hat diese Angabe einen höheren Stellenwert, ich nehme diese?

Auf jeden Fall danke ich Dir für die Hilfe. Ich werd mich, mit viel Zeit, nochmal mit diesem Thema auseinander setzen. Ich hab das Kapitel wohl ein bischen schnell gelesen.. (Hab das Buch hier).

Sowas ist eigentlich absolutes Grundlagenwissen.

... eigne ich mir gerade an

 

[hubspe]

AW: thema internetexplorer

Muss ich also in der CSS-Datei für den IE6 die Definitionen, die ich anpassen muss, so umschreiben, dass sie eine höhere Spezifität haben, als die Definitionen in der "Standard"-CSS-Datei?

Die Anweisungen in den Cond. Comments werden nur vom IE interpretiert.
Wenn die Spezifität nicht ausreichend ist, werden dortige Anweisungen ignoriert.

Das Beste bei sowas ist sich einen Testcase zu basteln um das mal auszuprobieren. Dann lernt man das ziemlich fix.