Seite 1 von 1

[gelöst] 8px CSS problem

Verfasst: Do 26. Jan 2006, 17:34
von 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 :oops: :oops: :oops:

Verfasst: Do 26. Jan 2006, 17:39
von rezeptionist
ohne deine css anweisung für diese box kann man dir schlecht helfen :wink:

Verfasst: Do 26. Jan 2006, 17:58
von mvf
rezeptionist hat geschrieben:ohne deine css anweisung für diese box kann man dir schlecht helfen :wink:
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

:twisted:

Verfasst: Do 26. Jan 2006, 18:10
von rezeptionist
hast du deinem footer mal ne feste Höhe gegeben ???

Verfasst: Do 26. Jan 2006, 18:12
von mvf
oh man dieser sch... IE

kann billyboy nicht auch einfach sich an die standards halten :twisted:

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

sorry to bother, thread schliessen bitte