Ir para conteúdo

POWERED BY:

Arquivado

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

webcore

div do conteudo negativa

Por , em Desenvolvimento frontend

Recommended Posts

webcore    0

webcore
Postado

Boa Noite, no meu codigo css tenho um div chamada

#links{

margin-top: 0;

width: 15%;

height: 78%;

background: #F7F6F1; é uma menu na esquerda da pag. tenho outra div que é o conteudo da pag.

 

#navegation{

float: right;

margin-top: -705px;

width: 81%;

height: 78%;

background: #FFFFFF;

}

 

minha pergunta é: pq tenho de negativar o margin-top para alinha-la a margem superior? Quando mundo a resolução, essa dive vai la para cima.

 

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Precisa do seu código HTML também.

Mas o problema deverá de ser de você ter o float: right e não ter nenhum float nos links.

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

webcore    0

webcore
Postado

css

html, body{
	margin: 0;
	text-align: center;
	background: #FFFFFF;
	height: 100%;
	}
	
	#header{
	margin: 0;
	width: 100%;
	height: 79px;
	background: url(pics/bg_topo.jpg) top repeat-x;
	}
	
	#header .menu{
	margin-top: 11px;
	width: 78%;
	height: 60px;
	background: transparent;
	}
	
	#all{
	margin: 3px auto;
	text-align: left;
	display: block;
	width: 78%;
	height: 100%;
	background: #FFFFFF;
	}
	
	#search{
	margin: 0;
	width: 19%;
	height: 2%;
	background: #FFFFFF;
	}
	
	#links{
	margin-top: 0;
	width: 15%;
	height: 78%;
	background: #F7F6F1;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;	
	}
	
	#contentop{
	margin-top: -770px;
	float: right;
	width: 81%;
	height: 6%;
	background: #FFFFFF;
	}
	
	#navegation{
	float: right;
	margin-top: -705px;
	width: 81%;
	height: 78%;
	background: #F7F6F1;
	border: 1px solid #DDDDDD;
	}
	
	
	h1{
	padding: 0;
	font: lighter 90% "Trebuchet MS", Verdana, Arial;
	color: #1C841F;
	}
	
	.frm{
	margin-top: -10px;
	}
	
	.inp{
	width: 75%;
	border: 1px solid #DEDEDE;
	height: 20px;
	font: 80% "Trebuchet MS", Verdana, Arial;
	color: #878787;
	}
	
	
	.btb{
	background: #1C841F;
	font: 65% "Trebuchet MS", Verdana, Arial;
	color: #FFFFFF;
	height: 24px;
	border: 1px solid #DEDEDE;

html

<!--#include file="utils/open.asp" -->
	<%
	Set rs = Conn.Execute("SELECT * FROM categorias ORDER BY categoria ASC")
	%>
	<body>
	
	<div id="header">
		<div class="menu">
		</div><!-- / menu -->
	</div><!-- / header -->
	
		<div id="all">
			<div id="search">
				<h1>Busca no site</h1>
					<form name="search" method="get" action="Busca.asp" class="frm">
	 					<input type="text" name="busca" class="inp" /> 
							<input type="submit" class="btb" value=" OK " />
								</form>
								</div><!-- / search -->
		
							<div id="links">
						<ul id="lmen">
					<%
					While Not rs.EOF
					%>
				<li>
			<a href="Visualiza.asp?cod_categoria=<%= rs("cod_categoria")%>"><%= rs("categoria")%></a>
				</li>
					<%
					rs.Movenext
						Wend
							rs.Close
								Conn.Close
									Set Conn = Nothing
									%>	
								</ul><!-- / ul lmen -->
							</div><!-- / links -->
							
						<div id="contentop">
						</div><!-- / contentop -->	
						
					<div id="navegation">
					</div><!-- / navegation -->
							
		</div><!-- / all -->

o menu é o bom e velho do Maujor

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito