Hi ho,
ich hab ein kleines problem mit einer hintergrundgrafik im IE.
Und zwar geht es um no-repeat.
Wenn ihr euch folgende seite mit dem IE anschaut.
Im FF wird die Hintergrundgrafik nicht wiederholt, im IE allerdings schon, wie kann ich das am besten umgehen. Weiter ignoriert der IE die width angabe bei der naviegation.
Könnt ihr mir vielleicht tips gebe wie ich das handhaben kann?
#nav ist für das menü auf der linken seite
#nav-oben für das obere menü.
Code
body {
font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}
* {
margin:0;
padding:0;
}
#seite {
width: 840px;
margin: 0 auto;
background:#FFFFFF;
}
#head {
padding: 10px;
height: 128px;
background-color:#fff;
background: url(../pic/test-bannerg.jpg);
background-repeat: no-repeat;
}
///// Hier wird die Hintergrundgrafik eingebunden
#nav-oben {
height:23px;
clear: both;
padding: 1px;
background-color:#fff;
background: url(../pic/center-bgg.jpg);
background-repeat:no-repeat;
}
#inhalt a:link, #inhalt-s a:link{ color:#71B523; text-decoration:none; font-size:10pt; font-weight: bold; }
#inhalt a:visited, #inhalt-s a:visited { color:#71B523; text-decoration:none; font-size:10pt; font-weight: bold; }
#inhalt a:focus, #inhalt-s a:focus { color:#71B523; text-decoration:overline; font-size:10pt }
#inhalt a:hover, #inhalt-s a:hover { color:#B19845; text-decoration:underline; font-weight: bold; font-size:10pt}
#inhalt a:active, #inhalt-s a:active { color:#71B523; text-decoration:underline; font-size:10pt }
#inhalt-s {
background-color: #fff;
padding: 20px;
}
#inhalt {
background-color: #fff;
margin-left: 210px;
padding: 20px;
padding-left: 40px;
}
#nav {
float: left;
width:201px;
height: auto;
padding: 5px;
padding-right:20px;
padding-bottom:30px;
background-color: #fff;
border-right: 1px solid #8E8E8E;
margin: 1px;
}
#inhalt p {
color:#0F0F0F;
font-size:10pt;
font-family:arial, "lucida console", "sans-serif";
text-align:center;
}
#inhalt-s p {
color:#0F0F0F;
font-size:10pt;
font-family: "sans-serif", arial, lucida console;
text-align: center;
}
#left-url a:link { color:#000000; text-decoration:none; }
#left-url a:visited { color:#000000; text-decoration:none; }
#left-url a:focus { color:#000000; text-decoration:overline; }
#left-url a:hover { color:#000000; text-decoration:underline; font-weight: bold;
}
#left-url a:active { color:#FFFFFF; text-decoration:underline; }
#nav li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#nav li a:link, #nav li a:visited {
color: #4D4D4D;
display: block;
background: url(../pic/menug.gif);
padding: 8px 0 0 10px;
}
#nav li a:hover {
color: #75b72f;
background: url(../pic/menug.gif) 0 -32px;
padding: 8px 0 0 10px;
}
#nav h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#nav img {
border: none;
}
#foot p {
text-align:center;
font-size:8pt;
color: #B5B5B5;
}
#foot a:link { color:#8E8E8E; text-decoration:none; font-size:10pt; }
#foot a:visited { color:#8E8E8E; text-decoration:none; font-size:10pt }
#foot a:focus { color:#8E8E8E; text-decoration:overline; font-size:10pt }
#foot a:hover { color:#8E8E8E; text-decoration:underline; font-weight: bold; font-size:10pt}
#foot a:active { color:#8E8E8E; text-decoration:underline; font-size:10pt }thx.
Greetz TimTim