Anzeige

IE 7.0 - <div> Background scrollt mit ...

IE 7.0 - <div> Background scrollt mit ... | PSD-Tutorials.de

Erstellt von photografx, 25.07.2008.

  1. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    Hallo Liebe Leute ...

    bin kurz vor dem Onlinegang meiner neuen Website ...
    +++ photografx e.U. | Index +++

    Einen massiven Fehler hat sie leider noch im IE7 ... die Background Images des <content>-DIV's scrollen mit.
    In allen anderen Browsern sprich ... Firefox, Opera, Safari funkitioniert es ... so wie gedacht um im Code geschrieben:

    Code (Text):
    1.  
    2. [FONT=Courier New]#content {
    3.     width:840px;
    4.     height:560px;
    5.     overflow:auto;
    6.     position:relative;
    7.     padding:0px 30px 0px 0px;
    8.     margin:0;
    9.     background-position:0px 0px;
    10.     background-repeat:no-repeat;
    11. }[/FONT]
    12.  

    schaut euch die site mal an ... (am besten mit FF+Firebug)
    ich hab natürlich schon ggogle befragt aber leider noch nichts für meinen speziellen fall brauchbares gefunden ... ausser das der IE bim background attachment probleme macht ...

    gibts nicht "irgendeinen" conditional comment mit dem ich das leidige problem beheben kann ???

    edit: hab mir jetzt mal so geholfen das ich "background-image:repeat-y" geschalten habe .. damit im ie wenigstens ein hintergrundbild vorhanden ist .. leider ist der gewünschte effekt so leider im A*** ! ;)

    lg

    Alexx






     
    Zuletzt bearbeitet: 25.07.2008
    #1      
  2. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    background-attachment:scroll;


    was denkste wohl, was das auslöst?


    versuchs mal mit fixed und dann klappt's auch mit der Nachbarin ;)
     
    #2      
  3. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    eben nicht ...

    das dachte ich mir anfangs auch ...
    aber dann wird der background auf der seite fixiert und bewegt sich nicht mehr mit dem content <div> mit ...

    aber du hast recht ... es ist flasch ..
    ich hab sie jetzt wieder rausgenommen ...
    ebenso das background-reapeat:repeat-y (dann wird das problem offensichtlicher)

    sie bringt einfach gar keine veränderung egal ob sie dort steht oder nicht ;)

    schau dir die site bitte mal an bevor du voreilige schlüsse ziehst ;)

    danke trotzdem für die schnelle antwort :)

    lg

    Alexx
     
    Zuletzt bearbeitet: 25.07.2008
    #3      
  4. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    Hmm... Komisch! Vllt. liegt ja gerade da der Fehler! Falsch eingebunden oder so?
     
    #4      
  5. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    Ich hab mir die Seite gar nicht angesehn, nur das von dir gepostete css


    Ich kann mir die Seite 10x ansehen, ich hab keinen IE 7 wozu auch... aber: hast du dir die Seite mal im IE 6 angesehen?


    [​IMG]


    Meine Madam ist grad nach hause gekommen, ich hab jetzt keine Zeit, mir den Code mal richtig anzusehen...
     
    #5      
  6. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    hi Stb87

    ich meinten damit nur das :scroll keine veränderung bringt ...
    ansprechen kann ich das background attachment schon ...
    zb mit :fixed ... aber es führt halt nicht zum gewünschten ergebnis .... :(

    lg und danke fürs drübersehen


    Hi Mr. D ...

    ja meine Site ist absichtlich NICHT mehr für den IE6 optimiert ... !
    Es muss endlich mal Schluss damit sein ...
    ich weise auch ausdrücklich schon auf der startseite darauf hin ...(per javascript und nochmal im Text)

    meine anderen Webprojekte hab ich alle für IE6 angepasst ...

    Aber meine Site nicht .. wollte keine abstriche beim Aussehen machen ... vielleicht hilfts ja ein bisschen den FF und konsorten zu verbreiten ...

    lg & viel spass mit der madame ...
     
    Zuletzt bearbeitet: 25.07.2008
    #6      
  7. Norbert Schumann

    Norbert Schumann Mod.a.D. Kreativ-Flatrate-User

    3
    Dabei seit:
    26.07.2005
    Beiträge:
    6.619
    Geschlecht:
    männlich
    Ort:
    Wildau
    Software:
    gängige
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    ganz einfach, du hast die angaben nicht in deiner 1a css; 0p css gemacht. die seite bezieht sich auf die css und die ist dominater als dein kommentar #content.
     
    #7      
  8. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    ich fragmich, warum man, wenn man einen background fixieren will, man nicht auch die eigenschaft 'fixed' verwendet, und stattdessen 'scroll' benutzt, was er nicht machen soll...

    was die 30% der IE Benutzer angeht, die erzieht man auch nicht mit solchen Massnahmen um - sie werden sich einfach Seiten ansehen, die für ihr System funktionierend geschrieben sind.
    (ich würde ja auch nicht mein System ändern, nur um deine Seite ansehen zu können)
     
    #8      
  9. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    @medienfux

    Hmm ... ich verstehe leider nicht ganz worauf du raus willst .. ich hab meine 0.css wo ich das grundlegende layout festlege
    dazu gibts für die einzelnen seiten 1a, 2a/b 3c/d .. usw. noch eigene css dateien wo ich das layout und das hintergrundbild anpasse ... sprich bestimmte angaben der 0.css anpasse ...

    code der 0.css (gilt für alle seiten)
    Code (Text):
    1.  
    2. #content {
    3.     width:840px;
    4.     height:560px;
    5.     overflow:auto;
    6.     position:relative;
    7.     padding:0px 30px 0px 0px;
    8.     margin:0;
    9.     background-position:0px 0px;
    10.     background-repeat:no-repeat;
    11. }
    12.  
    code der 3b.css (gilt nur für diese seite)
    Code (Text):
    1.  
    2. #content {
    3.     background-image:url(../img/bgpix/crystal.jpg);
    4. }
    5.  
    was wäre denn deiner Meinung nach die Lösung/workarround für den IE7 ??? wie xsagt alle andren Browser kapieren es ja ...
     
    #9      
  10. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    sorry ... ich hab das :scroll jetzt wieder rausgenommen ...
    ich habs eigentlich nur reingenommen um zu zeigen das es NIX bringt ! ;)

    :fixed führt einfach nicht zum gewünschten ergebnis siehe -> +++ photografx e.U. | Webdesign Gallerie +++

    lg Alexx
     
    #10      
  11. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    Im Firefox und auch im IE6(auch ich tu mir da keine weiteren MS-Produkte an)bleibt der Hintergrund mit dem attribut fixed an seinem Platz im Container. Das problem ist, dass im IE der gesamte Container mit der Seite gescrollt werden muss.
     
    Zuletzt bearbeitet: 25.07.2008
    #11      
  12. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    AW: IE 7.0 - <div> Background scrollt mit ...

    Dann bleibt mir wohl nix andrs übrig als für den IE7 ein background-repeat:repeat-y zu schalten und mich zu ärgern ?!

    oder ??

    ODER ????? *hint* *g*


    lg

    Alexx
     
    #12      
  13. photografx

    photografx verpeilter Fotografiker

    Dabei seit:
    04.03.2006
    Beiträge:
    18
    Geschlecht:
    männlich
    Ort:
    Wien
    Software:
    Photoshop / Illustrator / Indesign / Lightroom / Dreamweaver / Flash
    Kameratyp:
    EOS 40D + 17-55 USM 2,8 IS
    IE 7.0 - <div> Background scrollt mit ...
    thread geschlossen ..! :)

    damit das Trauerspiel ein Ende hat ...

    einfach den div in einen weiteren gleich grossen <div> verschachteln .. und in diesem (hinteren) das hintergrundbild laden ....

    so simpel das man selbst nicht draufkommt ...

    Liebe Grüsse an das selfHTML-Forum
     
    #13      
x
×
×
teststefan