Ir para conteúdo

POWERED BY:

Arquivado

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

Rennan Lurahy

[Resolvido] Bug IE

Por , em Desenvolvimento frontend

Recommended Posts

Rennan Lurahy    0

Rennan Lurahy
Postado

Não estou conseguindo tirar um espaço que o IE ta colocando entre a imagem e a div, a imagem esta dentro desta div. Já tentei padding na div, margin na imagem e nao está dando certo. Aqui está o código:

 

<html>
<head>
	<title>Quatro Ventos - Reformas e decorações</title>

	<link rel="stylesheet" href="estilo.css" type="text/css"/>

</head>

<body>
<div id="container">
	
    <div id="header1">
    
    <div id="imgheader1">
      <img src="imagens/Cabeçalho - Parte de cima.png" border="1" id="img">
    </div>
      
      <div id="menubar">
		  	<ul>
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
            <li><a href="#">Item 4</a></li>
      		</ul>
  	  	</div>
        
  	</div>
    
    <div id="header2">
    
    <img src="imagens/Cabeçalho - Parte de baixo.png" id="imgheader2">
        
    </div>
    
</div>
</body>

</html>

 

Folha de estilo:

 

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

body{
	text-align:center;
}

#container {
	width:800;
	padding:0;
	margin:0 auto;
	border:none;
}

#header1 {
	border:none;
	padding:0;
	background:#EBEBEB;
	width:100%;
	height:122;
}

#imgheader1 {
	margin:0;
	padding:0;
	width:363;
	height:122;
	float:left;
	border:1px solid #00C;
}

#header2 {
	text-align:left;
	height:56;
}

#imgheader2 {
	width:363;
	height:56;
}

/*******************************************************BARRA DE NAVEGAÇÃO************************************************************/

#menubar {
	margin-top:50px;
	margin-right:30px;
	padding-top:2px;
	border:none;
	float:right;
}

#menubar li{
	list-style:none;
	display:inline;
	margin:0;
}

#menubar li a{
	padding: 1px 20px 1px 20px;
	text-decoration:none;
	border: 1px solid #000;
}

/****************************************************FIM DA BARRA DE NAVEGAÇÃO********************************************************/

 

Coloquei estas bordas na imagem e na div só pra identificar se o espaço era entre a div da imagem e a div do cabeçalho ou se era entre a imagem e a div da imagem. Por favor ajudem!

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Boa tarde,

 

Nesta duas regras você esqueceu de colocar as unidades de medida.

 

#header2 {
   text-align:left;
   height:56; <--(errado) -->(correto) height:56px;
}

#imgheader2 {
        width:363; <--(errado) -->(correto) widht:363px;
        height:56; <--(errado) -->(correto) height:56px;
}

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rennan Lurahy    0

Rennan Lurahy
Postado

Pois é, esqueci mesmo, mas mesmo corrigindo ainda há um espaço entre a imagem e a div. Se eu retirar a div da imagem e colocar o id na propria imagem o espaço some porem fica um espaço na esquerda como se houvesse um padding-left. Não sei como resolver nestes dois casos

 

Muito obrigado quem me ajudou. Identifiquei o problema, era apenas a falta do doctype no inicio do código.

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

E outra, meu caro Rennan Lurahy, nem sempre alguém está aqui no fórum para auxiliar... E mesmo que tenha alguém, de repente a pessoa não sabe como ajudar...

 

Outra, você postou algo e pouco mais de 1 hora depois você pergunta "ninguém?"! Entenda, ainda mais hoje, sábado... Seja paciente...

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