Hi leute habe folgendes Problem, bei IE wird meine Schrift und ales was dazu gehört dargestellt aber beim Firefox wirds unscharf hab keine Ahnung woran das liegen kann, also was denkt ihr??
Hier der Code:
<STYLE type="text/css">
<!--
body {
text-align: center;
margin: 0;
padding: 0;
}
#container {
background-color: white;
width: 750px;
margin:auto;
}
#kopf {
height: 104px;
background: #FFFFFF url('bilder/kopf2.gif');
position: relative
}
#navi {
background: #FFFFFF url('bilder/balken.gif');
height: 24px;
clear: both;
margin: 5px
}
#subnavi {
background-color: #FFFFFF;
width: 150px;
height: 378px;
float: left;
text-align: left;
margin-left: 35px;
display: inline;
}
#inhalt {
float: right;
width: 500px;
background-color: white;
text-align: left;
padding-top: 0px;
padding-bottom: 0px;
margin-right: 30px;
display: inline;
}
#fuss {
background: #FFFFFF url('bilder/balken.gif');
height: 24px;
clear: both;
margin: 5px
}
#kopf h1 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 200%;
font-weight: normal;
letter-spacing: 0.1em;
text-align: left;
color: #7394A8;
margin: 0;
padding: 30px 0 0 70px;
}
#kopf h2 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 100%;
font-weight: normal;
letter-spacing: 0.3em;
text-align: left;
color: #7394A8;
margin: 0;
padding: 0px 0 0 70px;
}
#inhalt h1 {
margin: 0;
background: url('bilder/ball.gif') no-repeat left top;
color: #6B6645;
font-size: 17px;
font-family: Trebuchet MS, Georgia, serif;
letter-spacing: 0.2em; padding-left:30px; padding-right:5px; padding-top:0; padding-bottom:0
}
#navi ul {
margin: 0;
padding-top: 2px;
list-style-type: none;
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 90%; }
#navi ul li { display: inline; }
#navi ul li a {
text-decoration: none;
padding: .2em 0.5em;
color: #7394A8; }
#navi ul li a:hover { color: #6DCFF6; font-weight: bolder; }
#buttons a {color: #7394A8;
background-color: #E6E6E6;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #E6E6E6;
font: 12px Trebuchet MS, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
text-indent: 10px;
margin-top: 2px;}
#buttons a:hover {border-left: 10px solid #6DCFF6;
text-decoration: none;
color: #6DCFF6;}
#inhalt p {
font-family: Tahoma, Verdana, sans-serif;
font-size: 80%;
color: #333333;
}
#inhalt ul {
font-family: Tahoma, Verdana, sans-serif;
font-size: 90%;
color: #333333;
list-style:square;
color:#666600;
}
#fuss a {
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-size: 90%;
text-decoration: none;
color: #7394A8; }
#fuss a:hover { color: #6DCFF6; font-weight: bolder; }
-->
</STYLE>
Hoffe ihr könnt mir helfen!!
Gruss