Publicado em 31 de jul.

Como impedir site deformar

Veja o seguinte ex:

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>Loteca</title>
<style>

*{ margin:0; padding:0 }

header{

	position:fixed;
	height:100%;
	width:20%;
	background:#1058A9;
	text-align:center;
	}

header h1{

	position:relative;
	color:#EFEFEF;
	top:90px;
	}

</style>
</head>

<body>
<header>
<h1>Titulo</h1>

</header>
</body>
</html>

Ele aparece na lateral,certinho, mais quando eu dou zoon, o titulo sai do azul, e se tenho muitos elementos, uns vão montando em cima dos outros e fica muito bagunçado, queria saber como resolver isso..

Discussão (6)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Vinicius Rangel· 31 de jul.

pesquise sobre layout responsivo..

01100011cc· 31 de jul.

Não existe uma forma mais simples de se fazer isso não ?

andersonseifert· 1 de ago.

Como assim Zomm ?

Zom na pagina ?

Micilini Roll· 1 de ago.

Isso ai é culpa dos 'Positions' :yes:

cristianoolv· 1 de ago.

http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

01100011cc· 1 de ago.

Como assim dos possitions ? ja tentei com absolute e relative, mais não deu certo

Zoom na pagina ?

É, um ctrl+MouseScrollUp