mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 04:52 Benutzername: Passwort: Auto-Login

Thema: Subklassen und IE vom 30.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Subklassen und IE
Seite: 1, 2  Weiter
Autor Nachricht
Twols
Threadersteller

Dabei seit: 18.02.2008
Ort: Hannover
Alter: 37
Geschlecht: Männlich
Verfasst Mo 30.06.2008 18:32
Titel

Subklassen und IE

Antworten mit Zitat Zum Seitenanfang

Hallo, Leute!

Ich habe folgendes vor:

Code:

<div class="box mybox box_german">
    <div class="box_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

<div class="box mybox box_english">
    <div class="box_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

<div class="box otherbox box_german">
    <div class="box_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

<div class="box otherbox box_english">
    <div class="box_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>


Nun möchte ich dem Header der deutschen Box ein Style zuweisen.

Code:
.mybox.box_english .box_header /*  spezielle Informationen zu der Box */
{
   background-color:purple;
}


Firefox macht das wunderbar und IE wendet das Stylesheet auf alle Boxen an, sprich mybox und otherbox. Beide haben in dem IE den lila Header.

Ich bin nicht so ein CSS-Profi und würde gerne wissen, ob man dieses Problem lösen kann! Google hat mir dabei nicht wirklich geholfen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
denise2302

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Di 01.07.2008 09:53
Titel

Antworten mit Zitat Zum Seitenanfang

das einfachste wäre doch, wenn du headlines verschieden benennst, und dann so den wert definierst...

zum beispiel

Code:

<div class="box mybox box_german">
    <div class="myboxgerman_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

<div class="box otherbox box_german">
    <div class="otherboxgerman_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

.....
</div>


und im css definierst du das dann halt so:
Code:

.myboxgerman_header
{
   background-color:purple;
}

.otherboxgerman_header
{
   background-color:red;
}

...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 01.07.2008 10:03
Titel

Antworten mit Zitat Zum Seitenanfang

subklassen kannst du für den ie arbeitsfähig machen, indem du auf js zurückgreifst, sofern du das möchtest. hierfür eignet sich die IE7.js von dean edwards: http://ie7-js.googlecode.com/svn/test/index.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Twols
Threadersteller

Dabei seit: 18.02.2008
Ort: Hannover
Alter: 37
Geschlecht: Männlich
Verfasst Di 01.07.2008 10:51
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, aber js ist kein Ausweg. Wenn der Benutzer js ausmacht, ist mein Layout im * Du kannst mich mal... * . Und wenn ich ein fallback einbaue, dann stehe ich vor dem gleichen Problem wieder.
Nun habe ich es auch verstanden, dass ie6 das gar nicht so richtig unterstützt. Ich werde es wohl irgendwie anders lösen müssen. Sehr schade, denn durch die Klassen kann man den CSS-Code schön kompakt gestalten. Nun hasse ich IE6 noch mehr.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
denise2302

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Di 01.07.2008 10:57
Titel

Antworten mit Zitat Zum Seitenanfang

denise2302 hat geschrieben:
das einfachste wäre doch, wenn du headlines verschieden benennst, und dann so den wert definierst...

zum beispiel

Code:

<div class="box mybox box_german">
    <div class="myboxgerman_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

<div class="box otherbox box_german">
    <div class="otherboxgerman_header">Headliner</div>
    <div class="box_middle">Some content</div>
</div>

.....
</div>


und im css definierst du das dann halt so:
Code:

.myboxgerman_header
{
   background-color:purple;
}

.otherboxgerman_header
{
   background-color:red;
}

...



Grins
  View user's profile Private Nachricht senden
Twols
Threadersteller

Dabei seit: 18.02.2008
Ort: Hannover
Alter: 37
Geschlecht: Männlich
Verfasst Di 01.07.2008 11:06
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, aber da wäre ich auch drauf gekommen Lächel . aber wenn man viele boxen hat, dann wächst die größe der CSS ungemein (bei mehreren Sprachen) und man verliert den Überblick. Der Weg mit den Klassen ist viel besser, aber nicht machbar (scheiß IE6).
nun mache ich das wirklich so. oder so ähnlich:
Code:

<div class="box mybox mybox-german">

damit kann ich alle Boxen, nur die MyBox oder nur die deutsche MyBox auswählen. Und über .box_header dann noch die einzelnen Unterelemente.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 01.07.2008 11:20
Titel

Antworten mit Zitat Zum Seitenanfang

und auch hier sag ichs immer wieder - du glaubst allen ernstes, das die, die den ie6 noch verwenden, tatsächlich wissen, was JS ist, geschweige denn, wie man es deaktiviert? ich würde auf den verschwindend geringen anteil der IE6 mit deaktiviertem JS scheissen. das ist unter 0,5% deiner besucher, da gehe ich jede wette ein.

wieso also mehr arbeit machen als nötig?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Twols
Threadersteller

Dabei seit: 18.02.2008
Ort: Hannover
Alter: 37
Geschlecht: Männlich
Verfasst Di 01.07.2008 11:32
Titel

Antworten mit Zitat Zum Seitenanfang

Es sind noch so einige, den den 6. nutzen. Und wenn jemand von denen auf der guten Rat von irgendwelchen Idioten gehört hat, dass man JS ausschalten sollte, dann hat er Probleme mit der Darstellung. Und ich kann das einfach nicht riskieren. Es geht um Templates für Onlineshops und in eingen Branchen sind die Kunden eben die, die Null Ahnung von dem Ganzen haben und natürlich den IE6 nutzen. Aber man darf sie nicht verlieren.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.