Menu
Hello,
When I minimize the browser-window and maximize it again, the background-colour turns into white in some areas:
[URL=http://img290.imageshack.us/my.php?image=fehlerer2.gif]failure
When I select an element of the dropdown-box, (makes a refresh) it shows it normally:
[URL=http://img234.imageshack.us/my.php?image=keinfehlerbs2.gif]no failure
In Firefox or Opera I dont have that problem.
Any ideas?
Thanks,
Marco
html:
[CODE]
<!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:<br /></div>
<p><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:<br /></div>
<p><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:<br /></div>
<p><select name=”pHostname[]” size=”6″ multiple=”multiple” onchange=”this.form.submit();”>
<option></option>
</select></p>
<div class=”fFed”>Action:<br /></div>
<p><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;
}