CSS Browserweichen

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_browserweichen_177041/page_1 - zur Vollversion wechseln!

Ich hab leider das Problem, dass IE in Version <=6 meine Seite falsch interpretiert (Pixelbreite ändert sich) -> ich muss für die alten IE Versionen +2 Pixel verwenden, damit es optisch das gleiche Ergebnis ist. Wenn ich aber die Breite erhöhe, verändert sich das Design in IE 7 und FF/Gecko ins Negative. Jetzt hab ich folgendes gefunden:
http://de.selfhtml.org/css/layouts/browserweichen.htm
Entweder ich interpretiere es falsch, oder bring es nicht zusammen.

Ich binde normal über

Code: PHP

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

Code: PHP

<!--[if IE 6]>
    <style type="text/css">@import url(styles_ie.css);</style>
  <![endif]-->

ähm wird das ganze durch <!-- --> nicht zum comment und wird dadurch nicht ausgelesen?
oder steh i grad auf der leitung?

eben um das gehts ja, der IE is so dumm & überreißt das Kommentar nicht, dass es ein Kommentar ist.
So funktioniert die Browserweiche für IEs.

versuchs mal mit <= IE 6... also if lte IE 6, bzw lte IE 7

hth

ah ... das ist ja gefinkelt.
gut zu wissen

funktioniert leider nicht

afair sollte dies nur direkt im css file funktionieren

und frag doch einfach per javascript ab
if(IEversion < 6) {
styles_ie.css
} else {
styles.css
}

Javascript möchte ich nicht verwenden, die gesamte Seite ist JS frei. Ich kanns zwar über PHP lösen, da ich aber eine Template Engine verwende wär das jetzt blöd umzuändern. Muss doch so auch funktionieren

<link ... normales css />

Code: PHP

<!--[if gte IE 5]>
<link href="hf_IEstyle.inc.css" rel="stylesheet" type="text/css" />
<![endif]--> 

Zitat von fatmike182

<link ... normales css />

Code: PHP

<!--[if gte IE 5]>
<link href="hf_IEstyle.inc.css" rel="stylesheet" type="text/css" />
<![endif]--> 

</head>

funktioniert bei mir - hab aber leider keie verschiedenen IE Versionen zum Probieren.

btw. warum das eine mit import & das andere mit link?

versuchs mal mit was anderem k.A. background-color oder so.
Nachdem das Skript bei mir funktioniert könnte ich mir vorstellen, dass der IE mit deinem css nicht ganz zurecht kommt

Code: PHP

 
<style ...>
background-color: #ffffff;
<!--[if lte IE 6]> 
background-color: #665577;
<![endif]-->
</style>

Ich glaub da hat's was mit Smarty, ich hab's grad mit einer normalen HTML Datei und 2 Stylsheets probiert, da hat's funktioniert.
Weiß wer Rat?

Problem gelöst, hab am Testrechner kein mod_rewrite verwendet, am Server läuft mod_rewrite aber bereits. Pfadangabe war nicht richtig
Danke an alle.

guat!
aber if IE 6 würde ich trotzdem evtl durch if lte IE 6 ersetzen, wenn du weißt, dass es die darunter auch nicht können!

Muss das Topic leider noch einmal ausgraben . Funktioniert nun irgendwie doch nicht, vielleicht kann mir wer zur Hand gehen.

http://wrc.kliv.net
eingebunden ist es hoffentlich richtig, Pfadangabe stimmt.

tia

versuchs mal mit dem css-hack

Zitat

Der Stern-HTML-Hack




Der Stern-HTML-Hack besteht aus einem Universalselektor (*) gefolgt von einem html-Selektor. Die Kombination dieser beiden Selektoren ist zwar unsinnig, da das HTML-Element kein Mutterelement besitzen kann, aber valide. Das besondere daran ist, dass es vom IE interpretiert wird und von allen andern Browsern nicht.




So sieht es aus:

Code: PHP

p.note
{
font-style:normal;
}
* html p.note
{
font-style:italic;
}
				

User des IE bekommen alle Absätze der Klasse "note" kursiv dargestellt und alle andere sehen den Text normal.

overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2025