Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Victor Maximo

Divs mudam de lugar variando a resolução

Recommended Posts

Eu estou com problema no meu menu e logotipo porque de acordo com cada resolução as divs mudam de posição :s

HTML

<html>
<head>

	<meta charset="utf-8"/>
	<meta name="" content="width=device-width, initial-scale=1.0"/>
	<link rel="stylesheet" href="css/style.css" media="screen"/>
	
	<title>V Design</title>

</head>
<body>

	<div id="logo">
         <a href="index.html"><img src="images/logo.fw.png"/></a></div>

	<nav>
       <div id="menu">
       
         <ul>
       	  	<li><a href="index.html">Home</a></li>
       	  	<li><a href="#">Portfolio</a></li>
       	  	<li><a href="#">Contato</a></li>


       	  </ul>

       </div>

	</nav>

 

</body>
</html>

CSS

@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}



#logo {
        position: absolute;
	    margin-left: 450;
		float:left;
	    padding: 8px 0px;
	    z-index: 2;
        
}



#menu ul { 
width: 100%;
  position: absolute;  
  margin-top: 0;
  height: 80px;
  background-color:#008C8C;


}

#menu ul li{

     margin-left: 680px;
	display:block;
	text-align:center;
	  width:100%;

}

#menu ul li a {
	

 color:#FFF;
 font-family:Cambria;
 font-size: 25px;
 text-decoration: none;
 float:left;
 padding: 25px 20px;


}

#menu ul li a:hover {
	background-color: #006666;

}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.