Ausrichtung passt im FF und IE nicht

striker1982 · 27.02.2010

Nabend zusammen,

Ich habe nun folgendes Problem ich bekomme es einfach nicht hin das die Seite im IE und FF richtig dargestellt wird entweder es passt im Ie oder im Ff

Ich such nu schon den halben tag den fehler so langsam bekomm ich nen roten kopf

Ich hoffe jemand kann mich mal in die richtige Richtung schubsen

Oder sagen wo der Fehler liegt

Code:

<style type="text/css">
.Stil1,.Stil1 ul.menu li a{
    font-family:"Trebuchet MS",sans-serif;
    font-size:1em;
}
.Stil2 {
    font-size:1em;
}
#kopf {
    width:1100px;
    height:135px;
    padding:0px;
    background-color:#fff;
    border-bottom-color:#d70c06;
    left: auto;
    padding-left:20px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-left-color: #666;
    position: absolute;
    top: 15px;
}
#menu {
    padding-left:20px;
    position:absolute;
    width:198px;
    height:568px;
    background-color:#fff;
    margin-top:0;
    border-top-style:solid;
    border-top-color:#d70c06;
    border-right-color:#d70c06;
    left: auto;
    top: 152px;
    overflow: auto;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #666;
    border-left-color: #666;
}
#inhalt {
    position:absolute;
    padding-left:15px;
    top:152px;
    width:885px;
    height:570px;
    z-index:auto;
    background-color:#fff;
    float:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size: medium;
    word-spacing:normal;
    text-align:left;
    white-space:normal;
    font-style:normal;
    line-height:normal;
    left: 230px;
    border-right-width: 2px;
    border-right-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-top-width: 2px;
    border-top-style: none;
    border-top-color: #d70c06;
    border-right-color: #d70c06;
    border-bottom-color: #d70c06;
    border-left-color: #d70c06;
}
.Stil5,.Stil5 ul.menu li a{
    color:#666;
}
.Stil6 {
    font-family: "Trebuchet MS";
    color:#666;
}
#menu ul{/*Menüliste*/
    list-style-type:none;
    margin:0;
    margin-top:1em;
    padding:0;
}
#menu ul li{/*Listenelement (Menüpunkt)*/
    padding:0;
    margin:0;
    font-weight:bold;
    line-height:1.4em;
    display:block; /* ggf. wieder raus (Menü rutscht dann)*/
    height:2.4em;
}
#menu ul li a{/*Menülink Grundeinstellung*/
    display:block;
    text-decoration:none;
    font-size:1.1em;
    font-weight:bold;
}
#menu ul li a:hover{/*Hover Effekt im Menü. Hier ggf. noch weitere styles einstellen*/
    /*text-decoration:underline;*/
    font-size:1.3em;
    border-bottom:2px solid #d70c06;/*Hover Effekt Farbe rot*/
}
#menu ul li.marg{/*sorgt dafür, dass die Menüpunkte "Referenzen" und "Aktuell" alleinstehend sind, bzw. Abstand zu den anderen Menüpunkten haben*/
    display:block;
    margin-left:1.2em;
}
#menu ul li.ma{/*sorgt dafür, dass die Menüpunkte "Referenzen" und "Aktuell" alleinstehend sind, bzw. Abstand zu den anderen Menüpunkten haben*/
    
    margin-top:0.1em;
}
.Stil8 {color: #666666}
.Stil9 {font-size: x-small}
</style>


<body>

<div class="Stil2" id="inhalt"></div>


<div id="kopf"><img src="header/k4.jpg" width="198" height="135" style="border-right:2px solid #d70c06" /><img src="k1.jpg" height="135" width="218" style="border-right:2px solid #d70c06" /><img src="header/k2.jpg" width="466" height="135" style="border-right:2px solid #d70c06"/><img src="header/k3.jpg" width="212" height="135" /></div>



    <div id="menu" class="Stil1 Stil5">
    <ul class="menu">
    <li><a href="index.html">Home</a></li>
    <li><a href="#">Aktuell:</a></li>
    <li class="marg">
    <div ><span class="Stil9"><a href="#">Insolvenzverkäufe</a></span></div>
    <li class="marg">
    <div ><span class="Stil9"><a href="#">Marktplatz</a></span></div>
      
    <li class="marg">
    <div ><span class="Stil9"><a href="#">Versteigerungen</a></span></div>
    <li><a href="#">Wertgutachten</a></li>
    <li><a href="#">Versteigerungen</a></li>
    <li><a href="#">Räumgsverkauf</a></li>
    <li><a href="#">Sonderverkauf</a></li>
    <li><a href="#">Referenzen</a></li>
    <li class="ma">  
    <li><a href="#">Kontakt</a></li>
    <li><a href="impressum.html">Impressum</a></li>
</body>
</html>

Norbert Schumann · 27.02.2010

AW: Ausrichtung passt im FF und IE nicht

<li><a href="impressum.html">Impressum</a></li></li></li></li></li></ul></div>
</body>
</body>

überprüfe mal den strang hier

striker1982 · 27.02.2010

AW: Ausrichtung passt im FF und IE nicht

danke das hat schon geholfen

leider passt es immernoch nicht um 2 pixel "inhalt" ist im ff korekt dargestellt im ie ist er 2pixel zubreit

tmbach15 · 27.02.2010

AW: Ausrichtung passt im FF und IE nicht

Jetzt stimme ja schon einmal die Syntax komplett

Welche Version vom IE wird zum testen verwendet ?

Im IE8 kann ich den Fehler im Inhalt nicht sehen.

Die letzte Lösung dieses Problems wäre es vielleicht - um die Lösung ohne stundenlanges Testen zu finden - die Style-Informationen als separate CSS-Dateien einzubinden und dann eine Browserweiche einzusetzen, um die Unterschiede in der Darstellung für den IE anzupassen. ( Auf der Grundlage der Annahme, dass das Layout im FF und vielleicht im Opera sauber dargestellt wird. )

Oder wäre dies eine verbotene Lösung ?