Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/05/2009, 14:43
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años
Puntos: 21
Probleas cuando le doy zoom o cambio de resolucion

Tengo problemas en el header, al apretar ctrl + / - se corre el header y una imagen que tengo.

Código HTML:
<div id="header">
  <div id="logo"><img src="images/logo.png" />
<h1>nutrición.salud.bienestar</h1>
</div>

<div id="navbar">
<ul class="blue">
    <li><a href="#" title="home" class="current"><span></span>Portada</a></li>
    <li><a href="#" title="products"><span></span>Turnos</a></li>
    <li><a href="#" title="blog"><span></span>Noticias</a></li>
    <li><a href="#" title="contact"><span></span>Fichas</a></li>
    <li><a href="#" title="contact"><span></span>Enlaces</a></li>
    <li><a href="#" title="contact"><span></span>Curriculum</a></li>
    <li><a href="#" title="contact"><span></span>Contacto</a></li>
</ul>
</div>

<div id="mina"></div>
</div> 
y el css

Código HTML:
#header {
position: relative;
height : 260px;
width : 100%;
z-index : 0;
background : url(../images/header_wall.png) repeat-x;
margin:0 auto;
}
#logo {
float : left;
width : 235px;
margin-top : 80px;
position : absolute;
left : 110px;
}
h1 {
margin-top : 15px;
font-family : Calibri;
color : #ffffff;
font-size : 18px;
}
#navbar {
float : left;
width : 685px;
margin-top : 70px;
padding-left : 15px;
position : absolute;
left : 290px;
}
#mina {
position : relative;
left : 940px;
height : 294px;
float : left;
background : url(../images/mina.png) no-repeat;
width : 198px;
z-index : 1;
}
ul.blue {
padding : 5px;
margin : 10px 0;
list-style : none;
float : left;
}
ul.blue li {
float : left;
}
ul.blue li a {
float : left;
text-decoration : none;
color : #ffffff;
padding : 4px 15px 0 0;
margin-right : 8px;
font : 900 14px "Arial", Helvetica, sans-serif;
}
ul.blue li a span {
float : left;
padding-right : 15px;
display : block;
margin-top : -4px;
height : 24px;
overflow : hidden;
}
ul.blue li a:hover, ul.blue li a.current {
color : #0d5f83;
background : url("../images/green.png") no-repeat top right;
}
ul.blue li a:hover span, ul.blue li a.current span {
background : url("../images/green.png") no-repeat top left;
}
saludos.