• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS ID und class - IE interpretiert es falsch

A

angelolv

New member
kennt jemand dieses Problem?

Habe ein DIV mit einer ID welche Grundwerte festlegt.
Über verschieden classen bekommt dieses DIV andere werte.
IE hat anscheinend ein Problem damit, dass es mehrere classen für diese ID gibt.

Beispiel:
Code: 
<style type="text/css">
       #box_text{
		border: 1px solid #8A8989;
		margin-bottom: 5px;
		margin-right: 5px;
		height: auto;
		float: left;	
		width: 100px;
		height: 50px;
	}
	#box_text.fsk{
		width: 550px;
	}
	
	#box_text.startseite{
		width: 850px;
		margin-right: 0px;
	}
	
</style>
<body>
	<div id="box_text" class="startseite"></div>
</body>

Hier wird vom IE die class startseite nicht angewand, da diese von der Reinfolge nach der class fsk kommt und das div bekommt die Grundwerte welche in #box_text definiert sind.

Kennt jemand dieses Problem, oder bin ich schon verrückt?!
 
da ich so ein konstrukt noch nicht gesehen hab. gehe icher davon aus das du es etwas falsch strukturiert hast, dem nach erschein es all zu logisch das die eigenschaften überschrieben werden.

lass doch mal einfach das #box_text bei dem #box_text.startseite{ weg.
 
...das die Eigenschaften überschieben werden ist klar, so soll es auch sein.
Das Problem ist das der IE die class ".startseite" einfach nicht anwenden will.
Wenn die class ".fsk" aufgerufen wird, wird diese angewendet.

Habe es gerade im NN7 ausprobiert, der hat kein Problem damit... der kann beide classen auf die ID anwenden.

Wenn ich bei "#box_text.startseite" "#box_text" weg lasse, werden nur die Eigenschaften von "#box_text" angewendet da eine ID höher gewertet wird als eine Class....

Um zu sehen was passiert würde ich einfach in eine HTML packen und teste was passiert...
Einfach dir Reinfolge von #box_text.startseite und #box_text.fsk ändern...
 
Zuletzt bearbeitet:
das ist ja gut zu wissen... dann liegt es wohl am verbesserten und super tollen IE 6.0XXXXX

das ist allerdings kein trost... jetzt weiß ich zumindes woran es liegt... :mad:
 
dann vielleicht so mal probieren.

Code: 
<style type="text/css">
       #box_text div {
		border: 1px solid #8A8989;
		margin-bottom: 5px;
		margin-right: 5px;
		height: auto;
		float: left;	
		width: 100px;
		height: 50px;
	}
	#box_text div.fsk{
		width: 550px;
	}
	
	#box_text div.startseite{
		width: 850px;
		margin-right: 0px;
	}
	
</style>
<body>
	<div id="box_text">
		<div class="startseite"></div>
	</div>
</body>
 
eine weitere Lösung...

ein Kollege hat mich auf die Idee gebracht, dass es auch mölgich ist einem Element mehrere Klassen zuzuweißen... z.B. .klasseEltern [hat alle Haupteigenschaften] .klasseKind1 [hat weitere Eigenschaften]

HTML: 
<div class="klasseEltern klasseKind1"></div>

Es hat mich zwar verwundert aber es funzt...
Die Eltern-Eigenschaften werden von den Kind-Eigenschaften überschieben oder ergenzt... :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben