hola!!
estoy retocando una pagina web y tengo un problema con la cabecera de la web... al hacer mas pekeña la pagina la foto del numero de telefono se monta encima del logo... el logo esta a en la izquierda y el telefono en la derecha.. este es el codigo css:
#header {
height: 140px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#header .line1 {
position: relative;
height:80px;
direction: ltr;
background-image:url("images/fondo.jpg");
background-repeat:repeat-x;
}
#header .line1 .logo {
margin-left:0px;
width: 530px;
}
#header .line1 .logo a img {
width: 530px;
height: 80px;
}
/* phones line */
#header .phones {
position: absolute;
right: 10px;
top: 25px;
float:right;
height: 39px;
vertical-align: middle;
line-height: 42px;
color: #ffffff;
text-align: right;
white-space: nowrap;
font-size: 11px;
}
.phones{
background-image:url("images/phone.gif");
background-repeat:no-repeat;
width:282px;
height:39px;
margin-top:5px;
}
#header .phones span {
padding-left: 15px;
}
------ HTML ---------
<div id="header">
<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>
<div class="line1">
<div class="logo"><a href="http://www.csi-electrodomesticos.com/"><img src="/skin1/images/xlogo.gif" alt="csi electrodomesticos" /></a></div>
<div class="phones"></div>
</div>
He toketeado lo de la position pero no lo arregla... alguna idea?
Gracias
