hola muchachos/as, tengo un pequeño problema con unos divs , resulta que en Mozilla la web se ve como deberia ser, pero al testearla con IE y Opera se ve muy mal , les queria preguntar que estoy haciendo mal :
les dejo el dodigo
Código HTML:
<div class="main"><div align="center" class="logo"
<a href="/" > <img src="imagenes/logo11.png" border="0" /></a></div>
<div class="MENUARRIBA texto logo"></div>
<div class="iframe" align="center">Principal<div></div></div>
<div class="boxpubli" align="center">Publicidad<div></div></div>
<div class="powered" align="center"><div align="center" width="990"
height="105" ></div></div></div>
y este es el css
Código PHP:
.main{
margin-left:8px;
position:absolute;
}
.logo{
background-image: url('imagenes/logo.png');
float:left;
-moz-border-radius: 4px;
width: 990px; height:105px;
padding-top: 0px;
padding-left: 0px;
}
.MENUARRIBA{
width:100%;
background: #000000 url('imagenes/bg-menu-2.gif') repeat-x;
height: 29px;
margin-top:4px;
width:990px;
-moz-border-radius: 4px;
}
.iframe{
background: #dbdbda repeat-x url('imagenes/box_titlebg.gif');
font:Verdana, Arial, Helvetica, sans-serif;
text-shadow: #CCCCCC 0px 1px 1px;
font-weight:bold;
font-size:18px;
width:790px;
height:640px;
float:left;
margin-top:7px;
-moz-border-radius: 5px;
}
.boxpubli{
background:#dbdbda repeat-x url('imagenes/box_titlebg.gif');
height:640;
width:190;
margin-top:7px;
float:left;
margin-bottom:10px;
margin-left:10px;
font:Verdana, Arial, Helvetica, sans-serif;
text-shadow: #CCCCCC 0px 1px 1px;
-moz-border-radius: 5px;
font-size:18px;
}
.powered{
background-image: url('imagenes/logo.png');
text-align:center;
text-shadow: #FFFFFF 0px 0px 4px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
width: 990px;
height:105px;
-moz-border-radius: 4px;
}
desde ya, muchas gracias!