CSS: Probleme mit IE
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
boxen
compliance
detail
doppel
ecken
encoding
grad
hacken
hintergrund
hintergrundbild
interessanterweise
margin
minus
mist
opus
recht
safari
sicherheit
umgebung
zusammen
-
Ich t?fftel grad ein wenig mit CSS rum. Interessanterweise klappt das aber kein St?ck so wie ich will:
Mein IE weigert sich bei folgenden Sachen:
<div style='position:fixed;top:60px;left:20px;min-height:20px;width:163px;background-image:url(quotehead.jpg);background-repeat:no-repeat;z-index:0;'>text</div>
Mein FF zeigt das allerdings richtig an.
Ausserdem kriege ich es nich hin, dass der text nicht direkt am Rand geschreiben wird sondern 2px weiter rechts. Bei margin-left und left-padding verschiebt er immer das Hintergrundbild mit ^^ -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
IEs verhalten sich in jeder Version (5, 5.5, 6) anders. Am besten ist es, wenn du dein HTML mit einem XHTML-Strict-Header versiehst, dann schaltet der IE in den "Standards-Compliance"-Modus und macht das meiste richtig.
Es hei?t: "padding-right"
Das er das Hintergrundbild verschiebt, liegt daran, dass "margin" den Abstand der "Box" zur Umgebung definiert. Das ist richtig so.
Du kannst aber das Hintergrund separat fixieren:
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position -
Das mit dem padding funzt aber nur im IE ... im FF wird der bg verschoben
Wie geht das mit diesem
alopex schrieb:
IEs verhalten sich in jeder Version (5, 5.5, 6) anders. Am besten ist es, wenn du dein HTML mit einem XHTML-Strict-Header versiehst, dann schaltet der IE in den 'Standards-Compliance'-Modus und macht das meiste richtig.
-
min-height ist das problem.
der IE kann das net.
da m?sstest du dir mit einem css hack behelfen
http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm -
Das mit dem padding funzt aber nur im IE ... im FF wird der bg verschoben
Mhhm, Mist!
Wie geht das mit diesem
alopex schrieb:
IEs verhalten sich in jeder Version (5, 5.5, 6) anders. Am besten ist es, wenn du dein HTML mit einem XHTML-Strict-Header versiehst, dann schaltet der IE in den 'Standards-Compliance'-Modus und macht das meiste richtig.
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
Den Header hab ich mittlerweile schon mindestens 3-mal gepostet.
-
min-height ist das problem.
der IE kann das net.
da m?sstest du dir mit einem css hack behelfen
http://www.css-technik.de/details/309/5/CSS-Browser-Bugs.htm
Okay das hab ich einfach mal rausgelassen: Mein momentaner Quellcode:
<div style='position:fixed;top:60px;left:20px;height:20px;width:163px;background-image:url(quotehead.jpg);background-repeat:no-repeat;z-index:0;'></div>
<div style='position:fixed;top:80px;left:20px;width:163px;padding-left:4px;background-image:url(quotebg.jpg);background-repeat:repeat;z-index:0;'>Zitat</div>
Fehler:
IE: Das ganze Zeug ist oben links in der Ecke und nicht wie angegeben bei top:60px (oder 80) und left:20px
FF: Beim zweiten <div> geht der Hintergrund 4px zu weit (px anzahl ist immer die gleiche wie bei padding-left)
FF macht das eine richtig und der IE das andere ^^ -
zu alopex header muss man auch noch sagen, dass es im IE 6 noch einen sch?nen bug gibt...
http://www.css4you.de/wsdoctypeswitch/#bugs
dh. zwar ist der doctype richtig, aber IE pfeift drauf und stellt es falsch dar^^
sicherlich noch interessant f?r dich w?r das boxenmodel
http://css4you.de/wsboxmodell/index.html#browser
dort sieht man gut was der IE falsch macht -
Also ich habe mit dem IE noch nie Probleme gehabt, muss ich mal ganz ehrlich sagen.
Der IE l?uft mit Skripten besser zusammen als FF! Das liegt daran, dass in FF vieles der Sicherheit wegen deaktiviert wurde!
-
Wie mache ich mit CSS, dass ein weiteres <div> genau unter dem anderen ist, wenn das andere sich dem Text anpasst?
ich hab 2 k?sten untereinander und der obere hat eine sich an den text anpassende Gr??e. Wie setze ich den anderen genau drunter? -
generell w?rde ich zu position:xxx und top:-1px greifen...
kann jetzt aber nicht genau sagen welche position richtig w?r, da ich das grad net testen kann -
generell w?rde ich zu position:xxx und top:-1px greifen...
kann jetzt aber nicht genau sagen welche position richtig w?r, da ich das grad net testen kann
verstehe ich nicht
Warum MINUS 1?
und warum gehts dann im FF? -
Ahhhjaaa ... wer macht mir das funktioniertend? Bei mir funktioniret rein gaaaa nix
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage