Foros del Web » Creando para Internet » CSS »

Problemas al hacer zoom

Estas en el tema de Problemas al hacer zoom en el foro de CSS en Foros del Web. Cuando hago zoom in/out el header queda fijo a la izquierda de la pantalla y el container y footer se mueven en bloque como yo ...
  #1 (permalink)  
Antiguo 23/11/2010, 14:54
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Problemas al hacer zoom

Cuando hago zoom in/out

el header queda fijo a la izquierda de la pantalla

y el container y footer se mueven en bloque como yo realmente quiero.


les dejos la css y el html:

Código HTML:
#header {
	height: 337px;
	width: 100%;
	margin-top: 20px;
}

.head {margin-top: 70px; height: 36px; display: block;}

#nav {
	width: 24%;
	background: #06a5c2 url("img/nav_degradee.png") top right no-repeat;
}
	

#logo {
	width: 10%;
	padding-left: 2.4%;
}

#logo h1 a {
	text-indent: -9999px;
	display: block;
	background: url("img/logo.png") center no-repeat;
	width: 143px;
	height: 29px;
	position: relative;
	top: 3px;
}

#navbar {
	width: 63.6%;
	background: #06a5c2 url("img/navbar_degradee.png") top left no-repeat;
}

#navbar ul {
	margin: 6px 0;
	padding: 0;
	list-style: disc; 
	color: #FFF;	
}

#navbar li {
	float: left;
	margin: 2px 15px 0 15px;
	padding: 2px;
	list-style-image: url("img/vineta.gif");
}

.active {list-style: none; }
Código HTML:
<div id="header"> 
 
		<div id="nav" class="head left"></div>
		<div id="logo" class="head left"><h1><a class="png_bg" href="http://vgdesign.com.ar/">LOCALHOST</a></h1></div>
		<div id="navbar" class="head left">
			<ul>
				<li class="active">Inicio</li>
				<li>Info</li>
				<li>Portfolio</li>
				<li>Contacto</li>
			</ul>
		</div>
		
</div> 
  #2 (permalink)  
Antiguo 23/11/2010, 15:14
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Problemas al hacer zoom

o sea si yo a

Código HTML:
#header {
	height: 337px;
	width: 100%;
	margin-top: 20px;
}

lo pongo así

Código HTML:
#header {
	height: 337px;
	width: 1920px; /* Cambio esto*/
	margin-top: 20px;
}
se me soluciona en parte el problema: es decir al hacer zoom se mueve todo en bloque.

PERO los degradados que estan en el header tienen que estar al 100% y con esta solcuion que plante quedan con limite de 1920px.

Etiquetas: zoom
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:22.