Ir para conteúdo

Arquivado

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

dudsjr

[Resolvido] Espaço entre divs

Por , em Desenvolvimento frontend

Recommended Posts

dudsjr    0

dudsjr
Postado

Olá pessoal!

 

Estou com um probleminha parecido com outros casos que achei aqui mas nenhuma das dicas resolveu meu problema.

Os espaços entre as divs que criei pro cabeçalho não saem de jeito nenhum:

 

Imagem Postada

 

Aqui esta meu codigo:

 

index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
		
<title>Lola maria - Jóias artesanais</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
	
	<body>
		<div id="principal">
			<div id="barra">
				<div id="b_esq" class="e_barra"></div>
				<div id="b_meio" class="e_barra"></div>
				<div id="b_dir" class="e_barra"></div>
			</div>
			<div id="menu">
				<div class="i_menu"></div>
				<div class="i_menu"></div>
				<div class="i_menu"></div>
			</div>
			<div id="corpo"></div>
			<div id="rodape"></div>
		</div>
	</body>
</html>

estilos.css

*{
	padding:0px;
	margin:0px;
}
	
#principal{
	width:780px;
	position:relative;
	left:50%;
	margin-left:-390px;
}

.e_barra{
	height:143px;
	float:left;
}

#b_esq{
	background-image:url(../images/barra_esq2.jpg);
	width:155px;
}

#b_meio{
	background-image:url(../images/barra_meio2.jpg);
	width:470px;
}
#b_dir{
	background-image:url(../images/barra_dir2.jpg);
	width:155px;
}

Se alguém puder ajudar agradeço.

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

dudsjr,

Você já procurou verificar se as imagens que está usando estão no mesmo tamanho das divs? pois aparentemente está tudo normal.. se você colocar ao invés de imagens cores de fundo as divs estão certas sem espaços.

 

Logo creio que o seu problema são as imagens que está usando. Caso as mesmas estejam no tamanho certo, experimente posiciona las no background algo como background-position: left top;;

 

Espero ter ajudado.

Abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

dudsjr    0

dudsjr
Postado
Rasp, eram as imagens mesmo, recortei elas de uma outra maneira e funciou, obrigado pelo toque!

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