Darstellungsfehler *skalierbare css box" im IE6

[mrepox]

Hallo Leute,

in diesem Forum --> http://normag-forum.de habe ich eine skalierbare Box eingebaut, die auf anderen Webseiten ohne Probleme vom IE6 dargestellt wird.
Die Box hat den Inhalt "Testbox" und ist ganz rechts zu sehen. Der Fehler in der Darstellung sollte ersichtlich sein.

Ich habe keine Ahnung warum es jetzt nicht im phpbb-forum klappt, habe extra die div id und classes umbenannt damits keine Überschneidungen gibt.

.xaouter-box{
float: left;
background: #f3f3f3 url(xaimg/boxmiddlebottom.gif) 0 100% repeat-x;

margin:10px 0 5px 10px;}

.xabox-mid-left{ 
float: left;
background: url(xaimg/boxmiddletop.gif) 0 0 repeat-x;
position: relative;
}

.xabox-mid-right{
float: left;
background: url(xaimg/boxright.gif) 100% 0 repeat-y;
}

.xacorner-lt, .xacorner-rt{ 
position: absolute;
z-index: 99;
top: 0;
width: 10px;
height: 34px;
}

.xacorner-lt{ 
left: 0;
background: url(xaimg/boxlefttop.gif) 0 0 no-repeat;
}

.xacorner-rt{ 
right: 0;
background: url(xaimg/boxrighttop.gif) 0 0 no-repeat; 
}

.xacorner-lb, .xacorner-rb{ 
position: absolute;
z-index: 99;
bottom: 0 !important;
/* bottom: -1px */ /* Zeile evtl. auskommentieren, wenn Probleme mit unterem Rahmen im IE */
width: 10px;
height: 8px;
font-size: 1px;
line-height: 1px; 
}

.xacorner-lb{
left: 0;
background: url(xaimg/boxleftbottom.gif) 0 0 no-repeat;}
.xacorner-rb{
 right: 0;
background: url(xaimg/boxrightbottom.gif) 0 0 no-repeat;}

.xabox-content{ 
float: left;
padding: 1em;
background: url(xaimg/boxleft.gif) 0 0 repeat-y;
margin-top:0px;
}

/* ********* [ENDE - Skalierbare Box] ************************************************************** */

/* ********* [START - Hilfselemente] '************************************************************** */
.xaclearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.xaclearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .xaclearfix {height: 1%;}
.xaclearfix {display: block;}
/* End hide from IE-mac */

.xaclearDiv{ font-size: 1px;
           line-height: 0em;
           height: 0;
           clear: both;}

<div class='xaouter-box xaclearfix'>
    <div class='xabox-mid-left xaclearfix'>
        <div class='xacorner-lt'></div>
             <div class='xacorner-rt'></div>
                <div class='xabox-mid-right'> 
       <div class='xabox-content'>Testbox</div>
                </div>
        <div class='xacorner-lb'></div>
<div class='xacorner-rb'></div>
</div></div>

Würde mich über Hilfe freuen.

Gruß Markus

 

[Maik]

Hi,

in diesem Forum --> http://normag-forum.de habe ich eine skalierbare Box eingebaut, die auf anderen Webseiten ohne Probleme vom IE6 dargestellt wird.

kannst du mal eine dieser funktionstüchtigen Seiten zum Vergleich nennen?

 

[mrepox]

Maik, leider wäre das der Admin Bereich meiner Seite. Wenn du dort rein willst, sag bescheid, dann schicke ich dir eine PN.

Gruß Markus

 

[Maik]

Hi,

wenn du keine Seite nennen kannst, die ohne Zugangsdaten erreichbar ist, damit sie sich hier auch die anderen Hilfeleistenden anschauen können, dann schick mir halt eine PN.

 

[Maik]

Mahlzeit

Das mag jetzt vielleicht blöd bzw. nicht plausibel klingen, aber wie es scheint, ist der Inhalt derzeit zu schmal, was zu dem Darstellungsfehler im IE führt. Wenn ich das Wort "Testbox" wiederhole, und die Box so an Breite zunimmt, wird sie korrekt dargestellt.

 

[mrepox]

das kann es eigentlich nicht sein, denn mit viel Text sah es gestern genauso aus.
Ich werde mal eben mehr text einfügen.

edit: so Text ist erweitert!

Gruß Markus

 

[Maik]

Ein Bild sagt mehr, als tausend Worte.