kostenloser Webspace werbefrei: lima-city


CSS: Probleme mit IE

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    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 ^^
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
  4. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    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.
  5. k**********e

    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

  6. 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. :wink:
  7. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.


    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 ^^
  8. k**********e

    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
  9. b*****m


    Also ich habe mit dem IE noch nie Probleme gehabt, muss ich mal ganz ehrlich sagen. :nosmile:

    Der IE l?uft mit Skripten besser zusammen als FF! Das liegt daran, dass in FF vieles der Sicherheit wegen deaktiviert wurde!
  10. k**********e

    @brianum

    was f?r scripte meinst du denn?
    javascript?
  11. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    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?
  12. k**********e

    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
  13. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.


    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?
  14. k**********e

    minus 1 um es ans obere object zu kleben und um einen 'doppel-border' zu vermeinden.

    es geht net nur im FF.. sondern mit validiertem CSS + korektem doctype (+ validierten [x]html) auch in Safari, Opera 7 und sogar im uralt IE mac version^^
  15. Autor dieses Themas

    manror

    Kostenloser Webspace von manror

    manror hat kostenlosen Webspace.

    Ahhhjaaa ... wer macht mir das funktioniertend? Bei mir funktioniret rein gaaaa nix
  16. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!