Hallo liebe TP-Community,
ich hab da eine kleines Problem mit einem Layout im IE6. Im FF, IE7 und Opera wird sobald ich den Browser in der Breite kleiner mache, die Bereiche "pageColumnRight" und pageColumnLeft kleiner mit allen ihren Inhalten natürlich. *So ist es auch gedacht*
Mache ich das im IE6 so passiert es das "pageColumnRight" und "pageColumnLeft" auch kleiner werden jedoch bleibt "pageColumnLeft" links stehen aber "pageColumnRight" springt an das ende von "pageColumnLeft" und wird da auch kleiner.
Normal wäre natürlich wenn "pageColumnRight" weiterhin rechts neben "pageColumnLeft" bleibt.
Hier der Code:
PHP-Code:
<div id="outerContentColumn">
/*Hier ist noch das Menü*/
<div id="contentColumn">
<div id="pageColumnLeft">
</div>
<div id="pageColumnRight">
<div class="products">
</div>
</div>
</div>
</div>
PHP-Code:
669 div#outerContentColumn
670 {
671 position:absolute;
672 top:0.5em;
673 z-index:900;
674 }
675
676 #contentColumn
677 {
678 padding:0.2em 0.7em 6.6em 1em;
679 border-style:double;
680 border-width:6px 0 0 6px;
681 margin:0 0 0 13em;
682 width:auto;
683 border-color:#000;
684 background-color:#fffff0;
685 }
629 #pageColumnLeft
630 {
631 width: 61%;
632 float: left;
633 }
634
635 #pageColumnLeft p
636 {
637 width: 100%;
638 float: left;
639 }
640 #pageColumnLeft h2
641 {
642 margin:0px;
643 padding:0px;
644 padding-top:14px;
645 font-style:italic;
646 }
514 #pageColumnRight
515 {
516 float: right;
517 margin-top: 30px;
518 width:35%;
519 height: auto;
520 }
Würde mich freuen wenn jemand einen Fehler findet oder einen Tipp für mich hat.
