Anzeigeunterschiede FF und IE6
xpfreund
- css
Hallo,
Um eine gleiche Darstellung im IE bei kleineren Auflösungen zu erhalten, muss ich für den IE margin-right eintragen.
#Titel {
background-color: #FFCC00;
color: #00CCFF;
border-bottom: 10px solid #ffcc00;
text-align: center;
margin-right: -50px;
}
Dann habe ich die Darstellung, die Firefox ohne margin-right hat. Allerdings werden diese 50px bei Firefox mit drangesteckt, was wiederum dort zu einer falschen Darstellung führt. Kann man in den Angaben für Titel einfach sagen: "Wenn das IE6 ist, dann nutze margin-right,wenn nicht,lasse die Angabe weg". Und wie kann man das realisieren?
gruß aus Hosena
Hello out there!
"Wenn das IE6 ist, dann nutze margin-right,wenn nicht,lasse die Angabe weg". Und wie kann man das realisieren?
"conditional comments" sind dein Suchbegriff. Oder "star html hack".
Und das willst du in <http://de.selfhtml.org/css/layouts/browserweichen.htm@title=SELFHTML: Browserweichen> nicht gefunden haben?
See ya up the road,
Gunnar
Hallo,
"conditional comments" sind dein Suchbegriff. Oder "star html hack".
Und das willst du in <http://de.selfhtml.org/css/layouts/browserweichen.htm@title=SELFHTML: Browserweichen> nicht gefunden haben?
Das schon,nur ich will nicht extra eine neue Definition für den IE machen,sondern direkt,bei #Titel die Unterscheidung durchführen. So wie ich das lese geht das nur für das gesamte Element zu hacken.
gruß aus Hosena
Hello out there!
Das schon,nur ich will nicht extra eine neue Definition für den IE machen,sondern direkt,bei #Titel die Unterscheidung durchführen. So wie ich das lese geht das nur für das gesamte Element zu hacken.
He? Verstehe kein Wort, was du meinst.
See ya up the road,
Gunnar
Hallo,
He? Verstehe kein Wort, was du meinst.
Also ich will nicht, extra für den IE eine neue CSS-Datei laden müssen und auch nicht #Titel und * #Titel zur Unterscheidung nutzen, sonder ganz einfach sagen können:
#Titel {
color:red;
Wenn das Ie ist, dann führe zusätzlich margin -50px aus und wenn nicht, dann lasse margin einfach weg. ;
}
gruß aus Hosena
Hi,
Also ich will nicht, extra für den IE eine neue CSS-Datei laden müssen und auch nicht #Titel und * #Titel zur Unterscheidung nutzen,
* html #Titel. Warum nicht?
sonder ganz einfach sagen können:
#Titel {
color:red;
Wenn das Ie ist, dann führe zusätzlich margin -50px aus und wenn nicht, dann lasse margin einfach weg. ;
}
Das geht nur mit invalidem Code. Solltest Du IE < 6 meinen, nutze Escaping im Eigenschaftsnamen.
Cheatah
Hallo,
* html #Titel. Warum nicht?
Wie jetzt? Also erst alle allgemein gültigen Aussagen unter #Titel und dann zusätzlich für den IE6 noch * html #Titel. Oder?
gruß aus Hosena
Hi,
Wie jetzt? Also erst alle allgemein gültigen Aussagen unter #Titel und dann zusätzlich für den IE6 noch * html #Titel. Oder?
ja, genau. Natürlich nur das, was der IE bis Version 6 zusätzlich braucht.
Cheatah
Hallo,
"conditional comments" sind dein Suchbegriff. Oder "star html hack".
Oder kann man diesen if Ie6 Kommentar auch innerhalb eines Elementes einfügen?
gruß aus Hosena
Hallo,
Um eine gleiche Darstellung im IE bei kleineren Auflösungen zu erhalten, muss ich für den IE margin-right eintragen.
#Titel {
background-color: #FFCC00;
color: #00CCFF;
border-bottom: 10px solid #ffcc00;
text-align: center;
margin-right: -50px;
}
Dann habe ich die Darstellung, die Firefox ohne margin-right hat. Allerdings werden diese 50px bei Firefox mit drangesteckt, was wiederum dort zu einer falschen Darstellung führt. Kann man in den Angaben für Titel einfach sagen: "Wenn das IE6 ist, dann nutze margin-right,wenn nicht,lasse die Angabe weg". Und wie kann man das realisieren?gruß aus Hosena
Wenn du den Richtigen DOCTYPE benutzen würdest, klappts auch mit dem IE...
http://de.selfhtml.org/html/allgemein/grundgeruest.htm
Hallo,
Ich habe momentan diesen Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
gruß aus Hosena
Hallo,
Ich habe momentan diesen Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">gruß aus Hosena
Genau das dachte ich mir. Wenn du Strict verwendest hast du das Problem nicht, da dies der IE mitlerweile auch kapiert.
Wenn du kein Strict verwenden möchtest, folge Gunnars Post.
Hallo,
Genau das dachte ich mir. Wenn du Strict verwendest hast du das Problem nicht, da dies der IE mitlerweile auch kapiert.
Auch wenn ich mit Strict arbeite,bleiben diese 50 Pixel Abstand beim IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Also daran liegts jedenfalls nicht.
gruß aus Hosena
Hallo,
Ich habe momentan diesen Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
Genau das dachte ich mir. Wenn du Strict verwendest hast du das Problem nicht, da dies der IE mitlerweile auch kapiert.
Das stimmt so nicht. Der IE schaltet auch bei Transitional in den standardkonformen Modus, sofern die dtd-URI mit angegeben wird (was ja bei WW der Fall ist).
mfg. Daniel
Hi,
Ich habe momentan diesen Doctype:
steht eine XML-Deklaration o.ä. davor?
Cheatah
Hallo,
Hi,
Ich habe momentan diesen Doctype:
steht eine XML-Deklaration o.ä. davor?
momentan nicht
gruß aus Hosena