[gelöst] 8px CSS problem

[mvf]

hallo community

ich habe da ein kleines aber sehr hartnäckiges CSS problem, dass mir einfach nicht einleuchtet.

vieleicht bi ich ja aber auch nur mittlerweile so blind, dass ICH es nicht mehr sehe

BEISPIEL

es geht um die obere der beiden footerboxen, im FF alles ok im IE gibt es 8px abstand die ich par touts nicht herausbekomme

bitte um HILFE

[rezeptionist]

ohne deine css anweisung für diese box kann man dir schlecht helfen

[mvf]

ohne deine css anweisung für diese box kann man dir schlecht helfen

sorry hast recht, also hier mal die snippets

das layout-snippet dazu sieht wie folgt aus:

Code: Alles auswählen

    <div class="footerTop">
    </div> 
    <div id="footer">
            <container id="80" name="Footer1">Footer1</container>
            <container id="81" name="Footer2">Footer2</container>
            <container id="82" name="Footer3">Footer3</container>
            <container id="83" name="Footer4">Footer4</container>
    </div> 
    <div class="footerBottom">
    </div> 

    <div class="footerTop">
    </div> 
    <div id="subFooter">
            <container id="84" name="SubFooter1">SubFooter1</container>
            <container id="85" name="SubFooter2">SubFooter2</container>
            <container id="86" name="SubFooter3">SubFooter3</container>
            <container id="87" name="SubFooter4">SubFooter4</container>
    </div> 
    <div class="footerBottom">
    </div> 

und dann ausgelagert in 2 css dateien

kent_position.css

Code: Alles auswählen

#footer; #subFooter {
    clear: both;
    float: left;
    width: 760px;
}    

.footerTop, 
.footerBottom {
    clear: both;
    float: left;
    width: 100%;
    height: 8px;
}

und kent_style.css

Code: Alles auswählen

.footerTop { 
    background: url(../upload/layout/footerTop.jpg) no-repeat top left;
}

.footerBottom {
    background: url(../upload/layout/footerBottom.jpg) no-repeat top left;
    margin-bottom: 10px;
}

#footer, #subFooter {
    border-right: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    text-align: center;
    font-size: 0.85em;
}

damit der IE die 8px hohen boxen oben und untn nicht in der höhe spreizt, gibt es dann noch

ie.css:

Code: Alles auswählen

.footerTop, 
.footerBottom {
    font-size: 0.5em;
}

die container 80-87 sind im template auf dieser page beispiel, einfach mal leer um den unterschied zu verdeutlichen.

das beschäftigt mich nun auh schon wieder die ganze gestrige nacht und den heutigen tag (durchgehend!)

wo sind diese verdammten 8px ??? ich werde noch wahnsinnig

[rezeptionist]

hast du deinem footer mal ne feste Höhe gegeben ???

[mvf]

oh man dieser sch... IE

kann billyboy nicht auch einfach sich an die standards halten

die lösung kam über ein anderes forum und war, das im tag darüber der float fehlte

sorry to bother, thread schliessen bitte