line-height Problem IE vs. FF

[Sc_Grafix]

Moin.

Ich bin hier fast am ausrasten...
Im Firefox wird die angegebene line-height genauso ausgegeben wie ich das wollte, im IE hab ich das gefühl er ignoriert die line-heigt völli...
Der Text klebt förmlich oben an den div´s...

Beispielbilder:


Weis einer von euch nen Rat wie ich die line-height so hinkriege das sie beider Browser richtig setzen?
Oder auch ne alternative?

 

[Christoph_Ac]

AW: line-height Problem IE vs. FF

Also am besten wäre es, du gibst ein paar Infos mehr heraus. Hast du vielleicht einen Link?
Es kann nämlich einige Ursachen haben warum der IE (Welche Version) das macht?!

 

[Sc_Grafix]

AW: line-height Problem IE vs. FF

Hab grad leider meine css ein bischen zerschossen auf der suche nach ner lösung, deshalb ist sie jtzt auch noch ein wenig löchrig...

body {
    background-color: #ffffff;
    margin:0px;
    padding:0px;
    font-family: Arial;
    font-size:14px;
    color:#000000;
}

a:link {color:#FFFFFF; text-decoration:none}
a:visited {color:#FFFFFF; text-decoration:none}
a:active {color:#FFFFFF; text-decoration:none}
a:hover {color:#000000; text-decoration:none}

P { line-height: 120%; }

h1 {
    font-size: 32px;
    font-family: Arial;
    color:#FFFFFF
}

h2 {
    font-size: 18px;
    font-family: Arial;
}

h3 {
    font-size: 14px;
    font-family: Arial;
}

img {
    border:0px;
}

/* DIV´s */


#Wrapper {
    width:980px;
    height:800px;
    margin: 0px auto 0px auto;

}
#Header {
    width:980px;
    height:211px;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-top:0px;
    float:left;
    background-image: url(img/head.jpg);
    background-position: fixed;
    background-repeat:no-repeat;
    font-weight:bold;
    font-size: 14px;

}

#Head-Txt {
    width:433px;
    height:211px;
    padding-top:0px;
    padding-left:0px;
    margin-left:550px;
    margin-top:0px;
    font-weight:bold;
    font-size:14px;

}

#Navbar {
    
    height:589px;
    width:220px;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-top:0px;
    float:left;
    background-image: url(img/nav.jpg);
    background-position: fixed;
    background-repeat:no-repeat;
    color:#FFFFFF;

}

#Navbar-Links {
    
    height:200px;
    width:161px;
    padding-top:0px;
    padding-left:0px;
    margin-left:45px;
    margin-top:45px;
    font-weight:bold;
    font-size:14px;
    color:#FFFFFF;

}#Navbar-Imp {
    
    height:122px;
    width:129px;
    padding-top:0px;
    padding-left:0px;
    margin-left:45px;
    margin-top:210px;
    display:inline;
    color:#FFFFFF;

}

#Content {
    width:760px;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-top:0px;
    float:right;
    background-image: url(img/content.jpg);
    background-position: fixed;
    background-repeat:no-repeat;

}

#Content-Headline {
    width:758px;
    height:40;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-top:50px;
    display:inline;

}#Content-Content {
    width:758px;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-top:0px;
    display:inline;

}

#Footer {
    width:760px;
    height:31px;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-top:0px;
    float:right;
    background-image: url(img/foot.jpg);
    background-position: fixed;
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    border:solid 1px

}

EDIT:
Aso, IE6 sowie IE8...

 

[Christoph_Ac]

AW: line-height Problem IE vs. FF

Also in deiner CSS Datei solltest du zunächst mal sicher stellen, dass überall ein Semikolon gesetzt wird. Habe 2 mal entdeckt das eines fehlt.

Ich muss ehrlich gestehen, ich sehe auf den ersten Blick sonst auch keinen direkten Fehler. Da der IE das aber unterstützen sollte, muss irgendwo ein Denkfehler vor liegen.

Ich werde wenn ich zu Hause bin nochmals in Ruhe über deine CSS gucken. Setz bitte auf jeden Fall noch den HTML Code rein und vielleicht nen Link wenn es geht.

lg Chris

 

[hubspe]

AW: line-height Problem IE vs. FF

Abstände macht man mit padding/margin, sicher nicht mit line-height.
Das wird hergenommen um den Zeilenabstand von Fließtext zu definieren.

Außerdem ist line-height ein Faktor und der braucht keine Masseinheit.

Bau mal einen testcase, der den Fehler zeigt, lade den hoch und gib uns den Link.

 

[Walter75]

AW: line-height Problem IE vs. FF

Yoda kann ich mich @hubspe nur anschließen. Gleichzeitig möchte ich daraúf hinweisen mal nach "css reset" zu "googeln" und Dich der Reset-Problematik anzunehmen. Das allein könnte Dein Problem schon lösen. Eine handfeste Aussage über Dein IE vs. FF Thema kann man natürlich nur mit voller Code-Angabe machen.

Gruß Walter