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
Ich hoffe jemand kann mich mal in die richtige Richtung schubsen
Oder sagen wo der Fehler liegt
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>