background-color mozilla vs. IE6

[Bender]

Hi folgendes ich habe eine Seite erstellt im IE 6 seiht sie perfekt aus aber im mozilla Firefox fehlt auf der Rechten Seite ein Balken. Hier der Code

CSS:

#contentwrapper{
 right: 0px;
 float: right;
 width: 100%;
 height: 100%;
 margin-right: -824px;
 z-index: 4;
 background: #ececed;
}

#rightside {
 right: 0px;
 margin-right: 824px;
 height: 100%;
 z-index: 4;
 background: #ececed;

}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height: 100%;
width: 100%;
}

html:

<div id="contentwrapper">
<div id="rightside">
<div id="pic_rightside">
<img id="pic_rightside" src="images/zahlendaten.jpg" border="0" width="220" height="148" alt="" />
</div></div></div>

Ich habe es mit dem contentwrapper probiert da die Rechte leite fluid sein sollte und die Mitte in dem der Text steht sollte nicht verkleinert werden...
Das Problem ist das er im Firefox rechts keinen grauen Balken hinmacht

thx bender

[fastix®]

Moin!

z-index: 4;

... macht ohne position:absolute keinen Sinn.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[Ingo Turski]

Hi,

#contentwrapper{
right: 0px;

wirkt sich nur auf positionierte Elemente aus.

float: right;
width: 100%;

dann gibt's auch nichts mehr zu floaten.

height: 100%;

wirkt sich standardkonform nur aus, wenn *alle* Elternelemente eine entsprechende Höhe haben.

margin-right: -824px;

was soll das? Damit rückst Du das Element aus dem sichtbaren Bereich.

z-index: 4;

wirkt sich nur auf positionierte Elemente aus - natürlich nicht nur auf absolut positionierte, siehe http://www.w3.org/TR/CSS21/visuren.html#z-index:
"[...] stacking contexts are generated by any positioned element (including relatively positioned elements) having a computed value of 'z-index' other than 'auto'."

...

<div id="pic_rightside">
<img id="pic_rightside" src="images/zahlendaten.jpg" border="0" width="220" height="148" alt="" />
</div></div></div>

Warum nur so eine DIV-Wüste?

Du solltest Dein Konzept wirklich überdenken.

freundliche Grüße
Ingo

[MudGuard]

Hi,

height: 100%;
wirkt sich standardkonform nur aus, wenn *alle* Elternelemente eine entsprechende Höhe haben.

alle Elternelemente? Ein Element hat genau _ein_ Elternelement.
Du meinst vermutlich: alle _Vorfahren_elemente.

Und auch das ist nicht korrekt. Es reicht, wenn eines der Vorfahrenelemente eine fixe Höhe hat (also z.B. in px vorgegeben).

<div id="pic_rightside">
<img id="pic_rightside" src="images/zahlendaten.jpg" border="0" width="220" height="148" alt="" />
</div></div></div>
Warum nur so eine DIV-Wüste?

Und warum invaliderweise 2 Elemente mit identischer id?

cu,
Andreas