[Resolvido] ie9 fix

[NetBoy16 72]

é só você ir ajustando, e se o bottom nao está centralizado é pq n tá dentro do container, nao esqueca de validar seu html nesse link :thumbsup:

[razs 0]

resolvido:

 

#container {
width:1000px;
margin: auto;
text-align:left;
}


#menu {
background: url(../images/maintopBG.gif) top repeat-x;
text-align:right;
width: 100%;
height: 20px;
}
#footer {
background: url(../images/mainbuttomBG.gif) bottom repeat-x;
margin-left: auto;
margin-right: auto;
clear: both;
padding: 12px 0px 0px 0px;
width: 100%;
height: 20px;
text-align: center;
}

 

agora so falta o menu

 

vou por aqui o codigo para ver se alguem tem uma ideia.

 

<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Data</a>
	<ul>
	<li><a href="vwdat.asp">View Data</a></li>
	</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Users</a>
	<ul>
	<li><a href="rgusr.asp">Add User</a></li>
	<li><a href="vwusr.asp">View User</a></li>
	<li><a href="upusr.asp">Update User</a></li>
	</ul></li>
<li><a class="qmparent" href="out.asp">Log Off</a>	
<li class="qmclear"></li></ul>
<script type="text/javascript">qm_create(0,false,0,500,'all',false,false,false,false);</script>

 

 

css

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

#qm0	
{	
	width:70px;
	background-color:transparent;
	color:#686f76;
}

#qm0 a	
{	
	padding:5px 5px 5px 8px;
	background-color:transparent;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	text-decoration:none;
	color:#686f76;
}

#qm0 a:hover, #qm0 ul a:hover	
{	
	text-decoration:underline;
}

body #qm0 .qmactive, body #qm0 .qmactive:hover	
{	
	text-decoration:underline;
}

#qm0 div, #qm0 ul	
{	
	padding:5px 0px;
}

#qm0 div a, #qm0 ul a	
{	
	padding:2px 0px 2px 15px;
	margin:0px 5px;
	background-color:transparent;
}

#qm0 div a:hover, #qm0 ul a:hover	
{	
	text-decoration:underline;
}

body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
{	
	background-color:#DDDDDD;
	text-decoration:underline;
}

 

Funciona na perfeicao com o firefox mas com o ie nao mostra os submenus