Ir para conteúdo

POWERED BY:

Arquivado

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

Rspina

margim??

Por , em Desenvolvimento frontend

Recommended Posts

Rspina    0

Rspina
Postado

Olá pessoal, estou com o seguinte problema.....Estou tentando posicionar uma div da seguinte forma... margin:0 11px 0 30px;no firefox funciona certinho mas no IE não funciona, o espaço fica com o dobro...alguem tem uma ideia????--------------------------------------------------------/* CSS Document */body { margin:0; padding:0; background-image:url(img/background.gif); background-repeat:repeat; text-align:center; }#geral{ background-image:url(img/backgroundconteudo.png); background-repeat:repeat-y; margin:auto; padding:0; width:740px; }#topo{ margin:auto; padding:0; width:700px; height:222px; }#pagina{ margim:0; padding:0; width:700; height:400px; } #menu{ margin:0 11px 0 30px; padding:0; width:200px; float:left; background-color:#FF0000; height:300px; }#conteudo{ margin:0 10px 0 11px; padding:0; width:450px; height:300px; float:left; background-color:#666666; }--------------------------------------------------<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Untitled Document</title><link href="estilo.css" rel="stylesheet" type="text/css"></head><body><div id="geral"> <div id="topo"><img src="img/topo.jpg"></div> <div id="pagina"> <div id="menu">menu</div> <div id="conteudo">conteudo</div> </div></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

falae rapaz... alguns erros no codigo (margiM, certo eh margiN) ;) , algumas sujeirinhas no codigos, q simplifquei um poko aep ra você... qq duvida posta ae... ;) do jeito q está, a distancia está igual, se você quiser diminuir, eh soh aumenta o width ou do menu ou do conteudo... ;) 

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt"><head><title>Untitled Document</title><style type="text/css">body {margin: 0;padding: 0;background: url(img/background.gif);text-align: center;}#geral {background: url(img/backgroundconteudo.png) repeat-y;margin: 0 auto;padding: 0;width: 740px;}#topo {padding:0;width: 700px;height: 222px;background: url(img/topo.jpg) no-repeat;}#pagina {margin: 0;padding: 0;width: 700px;height: 400px;}#menu {padding: 0;width: 200px;background-color: #FF0000;height: 300px;float: left;}#conteudo{padding: 0;width: 450px;height: 300px;background-color: #666666;float: right;}</style><title>Untitled Document</title></head><body>	<div id="geral">		<div id="topo"></div>		<div id="pagina">			<div id="conteudo">conteudo</div>			<div id="menu">menu</div>		</div>	</div></body></html>

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