Divs mudam de acordo com resolução

Filipe Inglat · 15 de fevereiro de 2014

Estou programando um site em HTML e CSS, e estou com um problema que quando dou zoom no browser ou abro em um outro computador de resolução diferente, o site inteiro desconfigura.

Em anexo está o arquivo .css do site.

Segue abaixo como deve ser o website:

Slyle.CSS:

#header {/*background-color:white; position:fixed;*/overflow:hidden;min-width:100%;left:0;top:0;z-index:-1;min-height: 500px;position: absolute;}#header:before {    content: '';    position: absolute;    top: 0; right: 0;    border-top: 80px solid white;    border-left: 80px solid rgba(0,0,0,0);    min-width: 70%;	-moz-border-radius: 10px 20px 30px 40px;	-webkit-border-bottom-left-radius: 12000px 2000px;}#logo  {	width:400px;	position:absolute;	left:0;	top:32;	z-index:1;}#menu{	min-width: 40%;	min-height: 9%;	background-image:url("footer.jpg");	z-index: 5;	top:50px;	left: 550px;	position: absolute;	overflow: hidden;	-webkit-border-radius: 10px;}#itens_menu{	top:10px;	left:30px;	color: white;	font-size:130%;	position: absolute;	max-width: 100%;}@font-face {    font-family: 'eras_light_itcregular';    src: url('fonte/eraslght-webfont.eot');    src: url('fonte/eraslght-webfont.eot?#iefix') format('embedded-opentype'),         url('fonte/eraslght-webfont.woff') format('woff'),         url('fonte/eraslght-webfont.ttf') format('truetype'),         url('fonte/eraslght-webfont.svg#eras_light_itcregular') format('svg');    font-weight: normal;    font-style: normal;}#footer {	background-image:url("footer.jpg");	width:100%;	bottom:0;	overflow:hidden;	left:0;	right:0;	z-index:3;	height: 10%;	position: absolute;}#social{	position:absolute;	min-height: 15%;	width: 4%;	z-index: 2;	bottom: 0;	-webkit-border-radius: 10px;}

O que posso fazer para corrigir esse problema?
Valeu!

morvy · 17 de fevereiro de 2014

Cara, o problema está em misturar % com px. Se você inicia usando % termine com %, mas o site seria para acessos a qualquer plataforma (mobile, pads) ?

por que se sim, compensa mais fazer um específico para eles mais leve, mas se não, comece a tentar fazer websites com a resolução 1024x??? Essa é a menor achada no mercado, com certeza ninguem usa 800x600 hj em dia