CSS overflow problem bei IE... wo den sonst?!

[BananaJo]

Hi leute..

Wie kann ich das Overflow bei dem IE unterbinden und das der graue Hintergrund vom text nicht doppelt so hoch wird.. in allen anderen Browsern ist alles 100% perfekt richtig!

Beispiel: link

Der Hintergrund wird im IE so hoch dargestellt, weil ich das güne Bild links einfüge... blos WARUM??

Wieso kann der IE nich nur EIN MAL ohne probleme das machen was man programiert!! Ich könnte den Entwicklern echt eine ballern !!!

Bitte hilft mir das ganze im IE genau so anzupassen wie es im FF aussieht.. thx...

Habe übrigens IE7, FF3 und Crome

Hier ist noch der Quelltext für die Geschichte:

<?php 

    
$ausgabe .= "

    <div style=\"position:absolute;border-top:1px solid #ffb54c;
    border-bottom:1px solid #8f5400;left:0px;width:99.9%;top:0px;
    height:18px;float:left;background-color:#f2f2f2;\">
    

    <div style=\"overflow:hidden;width:auto;height:20;padding:1;\">
        <nobr>
            <span id=\"ticker\" style=\"position:relative;float:left;
            max-height:18px;color:black;font-family:arial;font-size:10pt;\">
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text </span></nobr></div>

    <div style=\"position:relative;width:0px;height:0px;float:left;top:-22px;border:0px solid blue;\">
     
        <a href=\"http://www.sdfgsdfg.de\" target=\"_blank\"><img src=\"logo.jpg\" border=0></a>
         
     </div> 

  
    </div>
    
";
    echo $ausgabe;    
?>

[BananaJo]

habe jetzt das problem mit der höhe gelöst.. aber jetzt schließt die Leiste im IE nicht mit dem rechten Rand ab, troth width:100%... und die ganzen divs sind teilweise im IE um 1 - 2 Pixel verschoben.. WIE kann man dem IE abgewöhnen das zu tun was er will?!?!?!? Mensch ey!

Hier das aktuelle Beispiel: Link


Quelltext:

<?php 

    
$ausgabe .= "

    <div style=\"overflow:hidden;position:absolute;border-top:1px solid #ffb54c;
    border-bottom:1px solid #8f5400;left:0px;width:100%;top:0px;
    height:18px;float:left;background-color:#f2f2f2;\">
    

    <div style=\"overflow:hidden;width:auto;height:20;padding:1;\">
        <nobr>
            <span id=\"ticker\" style=\"position:relative;float:left;
            max-height:18px;color:black;font-family:arial;font-size:10pt;\">
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text Text Text Text Text Text 
            Text Text Text Text Text Text Text Text </span></nobr></div>

    <div style=\"position:relative;width:0px;height:0px;float:left;top:-22px;border:0px solid blue;\">
     
        <a href=\"http://www.sdfgsdfg.de\" target=\"_blank\"><img src=\"logo.jpg\" border=0></a>
         
     </div> 

  
    </div>
    
";
    echo $ausgabe;    
?>

[BananaJo]

Habe herausgefunden das man für den IE eine breite von 101.5% angeben muss damit es mit dem rechten Rand abschließt.. aber dan passt es bei den anderen Browsern nicht mehr... Wie löse ich das?

[mcmurphy]

http://www.thestyleworks.de/tut-art/ie7.shtml#ie7-hacks