Antworten auf deine Fragen:
Neues Thema erstellen

Ausrichtung passt im FF und IE nicht

S

striker1982

Guest

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 :D

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>
 

S

striker1982

Guest

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

Noch nicht viel geschrieben

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 ?
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben