Hallo, ich habe zur Zeit ein Problem mit nen kleinen Navigationscode der einwandfrei in allen bekannten Browsern (Firefox, Chrome, Opera, Safari ...) funktioniert außer im IE6 bzw IE7. Da ich das Problem nicht behoben bekomme wollte ich einmal euch fragen. Dazu stell ich vllt mal kurz 2 Codes hier rein.
Die Darstellung weicht beim IE6/7 ab indem das Wort "Suchen" (jetzt Inputfeld) und dann das Zeichen "»" nicht mittig stehen.
index.html
formatIE.css
Es liegt ja offensichtlich beim IE am Inputfeld "Suche", nur wie kann ich das umgehen?
Die Darstellung weicht beim IE6/7 ab indem das Wort "Suchen" (jetzt Inputfeld) und dann das Zeichen "»" nicht mittig stehen.
index.html
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="formateIE.css">
</head>
<body>
<div id="sidebarlinks">
<!-- /////////////////////// Kontaktnavigation ////////////////////////////////////////-->
<div id="kontaktnavigation">
<!-- fügt template mit der id 2 ein - navigation -->
<img src="./files/spacer.gif" width="200" height="20" />
<a onfocus="if(this.blur)this.blur()" class="current_submenu" href="index.php?article_id=2&clang=0" id="2" title="Unternehmensgruppe">Kontakt</a>
<a onfocus="if(this.blur)this.blur()" class="submenu" href="index.php?article_id=3&clang=0" id="3" title="Leistungen">Intranetzugang</a>
<a onfocus="if(this.blur)this.blur()" class="submenu" href="index.php?article_id=4&clang=0" id="4" title="Referenzen">Suchen<input name="suche" type="text" id="suche" onfocus="Leeren(this);" onblur="Fuellen(this);" value="'.$val.'"/>»</a>
<a onfocus="if(this.blur)this.blur()" class="submenu" href="index.php?article_id=6&clang=0" id="6" title="Stellenangebote">Impressum</a>
</div>
<!-- /////////////////////// END Kontaktnavigation ////////////////////////////////////////-->
</div>
</body>
</html>
HTML:
@charset "utf-8";
/* CSS Document */
html {
height:100%;
overflow-x:hidden;
}
body {
height:100%;
margin:0%;
padding:0%;
font-family: Verdana, sans-serif;
font-size:11px;
background: #f8e3ac;
background-image:url(./hintergrund_gesamt.jpg);
background-position:top;
text-align: left;
color: #0032AA;
line-height: 18px;
}
#sidebarlinks {
width: 200px;
float: left;
margin: 0px;
padding: 0px 0px 30px 5px;
}
#suche {
background-color: #ffffff;
color:#416b9d;
border: 1px solid #ffffff;
width: 110px;
height:11px;
text-align:left;
vertical-align:top;
font-size:11px;
line-height:11px;
padding: 2px 1px 1px 3px;
margin: 2px 1px 0px 10px;
}
a {
color: #FF6600;
text-decoration: none;
}
a:link { color: #FF6600; }
a:visited { color: #FF6600; }
a:hover { color: #003360; }
a:active { color: #003360; }
#kontaktnavigation a.submenu {
display:block;
text-align:left;
padding-left:20px;
height:20px;
text-decoration:none;
color:#ffffff;
background-color: #f5ba11;
font-weight:bold;
font-size:10px;
border-bottom: 1px solid #ffffff;
}
#kontaktnavigation a.current_submenu {
display:block;
text-align:left;
padding-left:20px;
height:20px;
text-decoration:none;
color:#ffffff;
background-color: #e6aa00;
font-weight:bold;
font-size:10px;
border-bottom: 1px solid #ffffff;
}
#kontaktnavigation a.submenu:link { background-color: #f5ba11; }
#kontaktnavigation a.submenu:visited { background-color: #f5ba11; }
#kontaktnavigation a.submenu:hover { background-color: #e6aa00; }
#kontaktnavigation a.submenu:active { background-color: #e6aa00; }
