CSS mit YAML IE6

  • CSS mit YAML IE6

    Hallo Leute,

    ich hoffe es kennen sich ein paar Leute mit den CSS-Framework YAML aus. Ich habe ein Problem, was mir schon länger die Zeit raubt. Es geht um die Darstellung im Internet Explorer 6. Im YAML Forum habe ich leider keine Antwort bekommen :wacko:
    Nun aber zu dem Problem was ich gelöst haben muss:

    [Blockierte Grafik: http://www.muetzeswelt.de/fehler_yaml.gif]


    Die Aufteilung 3-1 Spalten mit 82 %. Der grüne DIV-Conterner soll bis zur schwarzen Line ran gehen. Im FF oder IE 7 sieht alles gut aus. Habe das Problem etwas eingekreist, und zwar die Spalte col3, mit den Inhalt Container col3_content lässt die kleine Lücke. Ich habe auch schon versucht width 100 % aber dann verschwindet die ganze Spalt.

    Jeder Tipp könnte Helfen!!

    Gruß
    Stephan


    HTML

    Quellcode

    1. <div id="col3">
    2. <div id="col3_content" class="clearfix"> <a id="content" name="content"></a>
    3. <!-- skiplink anchor: Content -->
    4. <div id="hmenu" > ddd </div>
    6. </div>
    7. <div id="ie_clearing">&nbsp;</div>
    8. <!-- End: IE Column Clearing -->
    9. </div>
    10. <!-- end: #col3 -->
    11. </div>
    Alles anzeigen

    CSS zum DIV-Container

    Quellcode

    1. #hmenu {
    2. z-index:7;
    3. float:left;
    4. position:relative;
    5. top:0px;
    6. width: 100%;
    7. height:auto;
    8. padding: 0px;
    9. right: 0px;
    10. margin: 0px;
    11. color: #000000;
    12. font-family: "Times New Roman", Times, serif;
    13. background-color: #009900;
    14. }
    Alles anzeigen


    Aufteilung von CSS

    Quellcode

    1. #col1 {
    2. width: 82%;
    3. float:right;
    4. background-repeat: repeat-x;
    5. background-color: #999999;
    6. background-image: url(../../media/main_background.png);
    7. }
    8. #col1_content {
    9. padding-top: 10px;
    10. padding-right: 10px;
    11. padding-bottom: 10px;
    12. padding-left: 10px;
    13. }
    15. /* right column | Rechte Spalte */
    16. #col2, #col2_content { display:none; }
    18. #col3 {
    19. margin-right: 82%;
    20. padding:0px;
    21. margin-left: 0;
    22. background-image: url(../../media/navigation_background_seite.png);
    23. background-repeat: repeat-x;
    24. border-top-style: none;
    25. border-right-style: solid;
    26. border-bottom-style: none;
    27. border-left-style: none;
    28. border-right-color: #000000;
    29. border-right-width: 1px;
    31. }
    32. #col3_content {
    33. text-align: left;
    34. padding-top: 0px;
    35. padding-right: 0px;
    36. padding-bottom: 0px;
    37. padding-left: 0px;
    38. }
    39. }
    Alles anzeigen