myspace-html-code probleme im IE6

    Hi, ich habe folgendes Problem. Habe eine Myspace-seite, welche in Firefox-browsern und auch im IE7 korrekt dargestellt wird. Beim IE6 tritt das Problem auf, dass anscheinend die background-color:transparent nicht richtig erkannt wird. Das Transparente wird hellgrau dargestellt, wie auf dem Bild zu sehen ist. Wie muss ich den Code ändern, damit er auch im IE6 korrekt dargestellt wird?
    Danke schon mal für eure Hilfe!


    <style> table, tr, td { background-color:transparent; border:none; border-width:0px; } table table table { width:100%; max-width: 600px; } table table table table { width:100%;; } body, .bodyContent { background-image:url(http://img299.imageshack.us/img299/4299/myspacehintergrund6ms1.jpg); background-position:Center Center; background-attachment:fixed; border-width:0px; border-style:Solid; } table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } table table table { border-style:Ridge; border-width:4px; border-color:000000; background-image:url(http://content.pimp-my-profile.com/tp/999999-30-tp.png); background-repeat:repeat; background-attachment:fixed; } table, tr, td, li, p, div,.text,.redtext, .blacktext10 { color:dddddd; font-size:9pt; } .whitetext10, .orangetext15 { color:dddddd; } .lightbluetext8, .blacktext10, .redbtext,.btext { color:dddddd; } .nametext { color:dddddd; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link { color:dddddd; } a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover { color:00FFFF; } .contactTable { width:300px!important; height:150px!important; padding:0px!important; background-image:url(http://img523.imageshack.us/img523/798/links2gm6.png); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;background-color:transparent!important;}.contactTable .text {font-size:20px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;background-color:none!important;} .contactTable .whitetext12 {display:none;; } table table table td { vertical-align:top !important;}span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url(http://content.pimp-my-profile.com/i87/9/8/13/bn_abafb87bd8.png);background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;; width:437px; height:75px; display:block !important; }span.blacktext12 img {display:none;; }</style> <p><a href="http://www.msplinks.com/MDFodHRwOi8vd3…HJvZmlsZS5jb20v"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3…mxpZD0xNzY0NzU="></a>


    p.s.: nur ein teil des html-codes, hoffe das reicht ;)

    Das liegt nicht an der Hintergrundfarbe, sondern an dem hintergrund-bild
    Du hast ein halbtransparentes Hintergrund-Bild im .png-Format drin.

    Internet Explorer 5 und 6 haben Probleme mit Transparenz im .png-Format.

    Mach mal ein .gif draus

    Something big is coming. And there will be pirates and ninjas and unicorns...

    PS: deine Musik stört mein In Extremo ;)
    Kannste das nicht einstellen, dass es nicht automatisch startet?
    Es nervt nur wenn man Musik hören muss, die man nicht hören will^^
    Vor allem weil ich es nciht ausschalten könnte

    Something big is coming. And there will be pirates and ninjas and unicorns...

    Zitat von Dodo

    PS: deine Musik stört mein In Extremo ;)
    Kannste das nicht einstellen, dass es nicht automatisch startet?
    Es nervt nur wenn man Musik hören muss, die man nicht hören will^^
    Vor allem weil ich es nciht ausschalten könnte

    hmm ich kann die musik problemlos mit stopp zum schweigen bringen.

    wobei ich diese mucke um vieles schöner finde als das hip hop geduldel auf anderen :roll:

    glaube auch das es an dieser backround datei liegt, wenn es nicht die background farbe ist.

    einfach mal austauschen und probieren

    besten dank, daran lag es! falls du noch zeit hast, weißt du warum die rahmen im IE schwarz sind und nicht wie im firefox grau (so sollen sie sein)?

    weil du die angabe ridge beim rahmen-typ verwendest.
    Diese wird nur von Firefox und Opera übersetzt
    Die anderen verwenden stattdessen solid

    Something big is coming. And there will be pirates and ninjas and unicorns...

    border:4px ridge #000000;
    aus chapterxj (line 679)

    Code
    table table table {
background-attachment:fixed;
background-image:url(http://img183.imageshack.us/img183/5053/99999931tpck1.gif);
background-repeat:repeat;
border:4px ridge #000000;
}

    du hast nen rahmen der schwarz sein sollte, aber dadurch das der border RIDGE sein soll haste da ne dreidimensionalität drin, die wieder nur durch grautöne zustande kommt...

    der ie macht den border an dieser stelle solid und daher komplett schwarz

    ja, alles klar, danke soweit!! habe das mit dem rahmen nun auch hinbekommen. nun habe ich allerdings ein weiteres kleines problem mit den transparenten gifs (innerhalb der rahmen). die pngs sind ja nun weg, und ich wollte sie jetzt durch transparente gifs ersetzen. transparente gifs lassen sich aber nicht so erstellen wie ein transparentes png, denk ich. ich meine kein komplett transparentes bild, sondern der hintergrund soll zu nem gewissen %-anteil durchscheinen. Mein Versuch mit den gemusterten gifs (so wie es derzeit ist) überzeugt mich nicht wirklich ...
    darum habe ich gedacht, die transparenz durch html codes zu erreichen. da ich aber ja leider nicht so die ahnung davon habe, frage ich euch nochmal, ob ihr mir da vielleicht helfen könnt. wäre super ;)

    Einmal editiert, zuletzt von jlg (25. August 2008 um 15:40)

    Transparenz ist mit HTML nicht leicht, vor allem nicht, wenn es in alles Browsern dargestellt werden soll.
    Okey die Idee mit dem GIF war Mist. Da habe ich GIF wohl zu viel zugetraut.
    Wenn du wirklich eine Transparenz haben willst, solltest du das PNG verwenden und einen IE-PNG-FIX einzustellen.
    http://www.twinhelix.com/css/iepngfix/
    http://content.pimp-my-profile.com/tp/999999-30-tp.png

    Something big is coming. And there will be pirates and ninjas and unicorns...

    hey habe das gerade mal probiert - geht nicht... habe das sicher nicht ganz korrekt gemacht ;)

    Einmal editiert, zuletzt von jlg (25. August 2008 um 17:36)

    also die bilder sind nun im ie6 wieder hellgrau... ich denke mal, dass ich noch irgendwie auf die bilder verweisen muss, die ich mit dem fix bearbeiten will. vielleicht kannst du dir das nochmal angucken wenn du lust hast.

    du hast den png-fix nur auf div und img gelegt, aber du brauchst ihn auf table ;)

    Code
    img, div { behavior: url(http://www.loaditup.de/files/263958.htc)


    sollte so aussehen

    Code
    img, div, table { behavior: url(http://www.loaditup.de/files/263958.htc);

    Something big is coming. And there will be pirates and ninjas and unicorns...