Hallo zusammen,
Ich habe ein Problem bei meiner Seite.
Wenn ich die Dropdown-Box(form) öffne, entstehen Grafikfehler (Hintergrundfarbe wird an einigen Stellen weiss), wie auf folgendem Bild ersichtlich:
Wenn ich die Seite neu lade (F5) wird sie wieder korrekt angezeigt:
In Firefox und Opera entstehen die Fehler nicht.
Hat jemand vielleicht eine Ahnung woran das liegen könnte?
Danke im Voraus
Gruss,
Marco
Der Code:
HTML
<!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 name="description" content="BLA" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>alfa</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="mWindows">
<div class="Title">BLA</div>
<div id="mainDiv">
<form id="mainForm" method="post" action="">
<div class="fFed">System:
</div>
<select name="pSystem" onchange="this.form.submit();">
<option>Select...</option>
<option>asdf</option>
<option>eeee</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>hmmm</option>
<option>test1</option>
</select></p>
<div class="fFed">Service:
</div>
<select name="pService" onchange="this.form.submit();">
<option>Select...</option>
<option>alfa</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>ldks</option>
<option>beta</option>
<option>gamma</option>
<option>delta</option>
</select></p>
<div class="fFed">Host:
</div>
<select name="pHostname[]" size="6" multiple="multiple" onchange="this.form.submit();">
<option></option>
</select></p>
<div class="fFed">Action:
</div>
<select name="pAction[]" size="6" onchange="this.form.submit();">
<option></option>
</select></p>
</form>
<div>
</div>
</div>
</div>
</body>
</html>CSS:
Code
/***************************************
test
***************************************/
/**************
HTML
**************/
html {
min-height: 100.05%;
}
/*************
BODY
*************/
body {
position:relative;
font: normal 100.01% verdana, Arial, sans-serif;
/*font-family: verdana, arial, serif;*/
font-size: 12px;
text-align:center;
margin:0px;
padding-top:15px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
line-height: 20px;
background-color:#FFFFFF;
color:#000000;
}
#mWindows {
margin: 10px auto;
width:800px;
position:relative;
text-align: left;
}
#iWindows {
margin: 5px auto;
width:320px;
position:relative
line-height: 5px;
}
#mainDiv {
margin-top:10px;
width:400px;
height:560px;
float:left;
padding:10px;
border-width:2px;
border-style:solid;
border-color:silver;
overflow:hidden;
}
#mainForm {
background-color:#9191FF;
color : #000000;
padding:10px;
line-height:14pt;
}
/**********
Title
**********/
.Title {
position:relative;
line-height: 1.0em;
vertical-align: middle;
margin-top:10px;
font-style:italic;
font-size:2.5em;
text-align:center;
padding:10px;
border-width:2px;
border-style:solid;
border-color:silver;
background-color:#FFC080;
color : #000000;
}
/***************
Bold
***************/
.fFed {
font-style:italic;
text-align:left;
font-weight:bold;
}
/******************
Hide elements
******************/
.hiddenSelect {
overflow:hidden;
visibility:hidden;
}