Ir para conteúdo

POWERED BY:

Arquivado

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

wills

Posicionar sem float

Por , em Desenvolvimento frontend

Recommended Posts

wills    0

wills
Postado

boa tarde, pessoal!

 

estou tendo dificuldade em posicionar duas div´s...

 

vou postar o código para vocês verem:

 

/* BOXMODEL */#corpo{margin:0 auto;width:750px;height:auto;background: #ffffff;}#corpo{position:relative;}#menu{margin:0px 0px 0px 0px;display:block;width:100%;}#bg_topo{margin-top:-1px;display:block;}#destaque{margin:5px 0px 0px 5px;display:block;width:289px;height:413;border:1px solid #000000}#conteudo{margin:5px 0px 0px 5px;display:block;width:410px;height:93px;border:4px solid #d8d8d8;}#rodape{margin:5px auto;display:block;width:371px;height:38px;background:url(../images/rodape.jpg) no-repeat;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Hall Music</title><style type="text/css">	@import url(css/boxmodel.css);	@import url(css/estilos.css);	@import url(css/links.css);</style><script type="text/javascript" src="js/swfobject.js"></script></head><body><div id="corpo">	<div id="menu">		</div>	<script type="text/javascript">	 // <![CDATA[ 	 var so = new SWFObject("./flash/menu.swf", "banner", "750", "41", "8", "#FFFFFF");	 so.addParam("wmode", "transparent");	 so.write("menu");  	 // ]]>	</script>	<div id="bg_topo">	 </div>	<script type="text/javascript">	 // <![CDATA[ 	 var so = new SWFObject("./flash/bg_topo.swf", "banner", "750", "120", "8", "#FFFFFF");	 so.addParam("wmode", "transparent");	 so.write("bg_topo");  	 // ]]>	</script>	 <div id="destaque">	<img src="images/destaque_0.jpg" border="0" />	 </div><div id="conteudo"></div><div id="conteudo"></div><div id="conteudo"></div><div id="conteudo"></div>	<div id="rodape">	</div></div></body></html>

se alguém souber como posso fazer meus quatro blocos subirem e se alinharem a esquerda...agradeço!

 

abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leonardo P    0

Leonardo P
Postado

sem usar float acho que só com absolute pra ficar uma do lado da outra, mas aí pode dar mais problemas dependendo da resolução do monitor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Outra coisa que ninguém observou foi o fato de o menu ser um objeto flash, para menus, use listas!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Ajude-nos a te ajudar, se possível ponha um link para a gente ver o bug acontecendo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Cara, uma dica, enquanto estiver desenvolvendo ponha bordas nos elementos q você acha q tão bugados assim facilita para você e para a gente ver o q pode estar a acontecer, nos meus browsers tudo igual e normal.

Compartilhar este post

Link para o post
Compartilhar em outros sites

wills    0

wills
Postado

coloquei no ar sem as bordas...agora, em relação aos floats creio que resolvi.

 

mas, por favor, me digam: a minha borda pai não acompanha o conteúdo no ff... alguém pode tentar me explicar

 

4vconnect

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Ok!No container que você quer que venha abranger todos os elementos defina display: table;

Compartilhar este post

Link para o post
Compartilhar em outros sites

wills    0

wills
Postado

fmz... mas há algum problema em usar o seguinte código nele?

 

#corpo{position:relative;margin:0 auto;}

este é o código que se encontra....

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Que tipo de problema, esta funcionando?

Compartilhar este post

Link para o post
Compartilhar em outros sites

wills    0

wills
Postado

então cara, coloquei display:table....e zuou o layout...o problema é que: na div pai... ela não está se ajustando juntamente com o layout...observa onde ela para.ao menos no meu ff está assim...

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