Conditional Comment für nur 1 DIV?

[Tease]

Hallo zusammen,
bitte nicht hauen, aber ich hab mal eine grundsätzliche Frage zu CSS-Hacks. Ich habe auch schon brav recherchiert und die Suchfunktion genutzt, hab aber immernoch elementare Wissenslücken, die ich mit eurer Hilfe nun zu schließen versuche.
Aaaaaalso, ich benötige Conditional Comments, weil der IE ein Element meiner Seite falsch darstellt. Ich weiß, wie man mit Hilfe der CCs eine gesamte externe IE.css einbinden kann, aber da ich nur 1 DIV 5 px höher setzen will, möchte ich am liebsten eben nur dieses eine DIV seperat ansprechen und lösen.
Nun die Grundsatzfrage, wie so etwas realisierbar ist. Denn wenn ich ein Extra-Div für den IE einbaue, dann müsste der IE ja immernoch das "normale" DIV ignorieren, ansonsten würde der Browser das DIV ja zweimal darstellen, oder?
Kann man so etwas machen, oder kann man nur eine gesamte, externer Datei einbauen?
Mal in meinem konkreten Fall:

Das betroffene Div:
<div class="preisleiste">
<p class="links"><a href="#">Info / Bestellung</a></p>
</div>

So, wenn ich das jetzt ändere, in sagen wir mal:
<!--[if IE]>
<div class="preisleisteIE">
<p class="links"><a href="#">Info / Bestellung</a></p>
</div>
<![endif]-->


Geht das so? Ich denke mal nicht, aber wie kann man
CSS-Hacks (grundsätzlich nicht nur CCs) "einzeln" einbauen?

Vielen Dank für eure Hilfe!

 

[Herr_D]

AW: Conditional Comment für nur 1 DIV?

wie sieht die class der css aus?

*height:wert;

sollte abhilfe schaffen

 

[Tease]

AW: Conditional Comment für nur 1 DIV?

wie sieht die class der css aus?

*height:wert;

sollte abhilfe schaffen

Ach so, stimmt. Das war doch was! :lol:

.preisleiste {
background-image: url(Bilder/preisleiste.jpg);
background-repeat: no-repeat;
height: 25px;
width: 570px;
margin-top: 23px;
margin-left: 10px;
}

Das ist das Div, dass ich seperat ansprechen will.

 

[Herr_D]

AW: Conditional Comment für nur 1 DIV?

.preisleiste {
    background-image: url(Bilder/preisleiste.jpg);
    background-repeat: no-repeat;
    height: 25px;
    [B]*height: 30px; /* Fix IE */[/B]
    width: 570px;
    margin-top: 23px;
    margin-left: 10px;
}

sollte eigentlich die Höhe beim IE ändern

 

[Tease]

AW: Conditional Comment für nur 1 DIV?

Super, werde ich gleich mal ausprobieren. Leider sitz ich erst morgen wieder vor einem PC mit IE (Arbeit ), kanns deswegen nicht probieren, aber sieht genau nach der Lösung aus, nach der ich suchte.
Kann man das auf ähnlichem Wege für die anderen Browser machen. Bei mir macht Safari nämlich auch immer Probleme....
Gibt's ne Übersicht mit solchen Hacks, die man direkt in die CSS reinschreibt. Genau so wollt ich das nämlich lösen, aber ich hab bisher nur was gefunden, was man in die HTML-Seite reinschreibt. Oder ich hab da was nicht verstnanden. Hmmm.....
Auf jeden Fall, schon mal Danke!

 

[sokie]

AW: Conditional Comment für nur 1 DIV?

Du kannst aber auch die klasse per CC für den IE gesondert formatieren:

<!--[if IE]>
  <style type="text/css">
     .preisleiste{
        height: 30px;
    }

   </style>
<![endif]-->

nach dem Laden des stylesheets notiert.

 

[Tease]

AW: Conditional Comment für nur 1 DIV?

Und dann ignoriert IE die "normale" DIV-Formatierung oder hab ich dann 2x das DIV drin?

 

[Herr_D]

AW: Conditional Comment für nur 1 DIV?

Das div ist nur 1x drin...

Bei css greift im Prinzip immer der letzte Wert... oder !important (Kurzversion)


und sokie ist mal wieder valider

 

[Tease]

AW: Conditional Comment für nur 1 DIV?

Super, vielen Dank euch beiden!

Wieder ein Rätsel weniger! Dann gibt's langsam keine Entschuldigungen mehr, wenn meine Webseiten nicht so aussehen wie gewünscht.

Nochmal grundsätzlich gefragt.
Ich kann das so quasi mit jedem anderen Hack auch machen, oder?
Also z.B. falls der Safari davon betroffen wäre:
html* .preisliste {
height: 30px;
}
Habe den Hack, sowie noch viele andere auf der Website CSS Hack - Browser Hack - Hacks für browserüberfreifendes CSS-Design gefunden. Interessante Seite!

 

[sokie]

AW: Conditional Comment für nur 1 DIV?

der Link ist eine interesante Sache,danke.
zu dem CC

<!--[if IE]>
  <style type="text/css">
     .preisleiste{
        height: 30px;
    }

   </style>
<![endif]-->

wenn das nach dem Laden der übrigen Styles notiert wird, wird nur die eigenschaft "height" fürdas element .preisliste und nur für die IEs geändert. Alle anderen Styledefinitionen für das Element bleiben so erhalten, wie in den zuvor geladenen definitionen festgelegt.
ja, und auch für die hacks gilt das.
zB

#meinElement{ /*code für alle Browser */
  height: 25px;
  width: 70%;
  background:#005555;
  color: #ffffff;
}
* html #meinElement{ /*extrawürstchen f. IEs*/
  height: 30px; /*ändert nur fürden IE und nur die height*/
}
html*#meinElement{ /*nur für den Safari*/
  background:#00aaaa; /*gibts nur eine hellere bg Farbe
alle anderen Eigenschaften wie in #meinElement beschrieben.*/
}