Ir para conteúdo

POWERED BY:

Arquivado

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

michelwin

Css bug

Por , em Desenvolvimento frontend

Recommended Posts

michelwin    0

michelwin
Postado

Boa tarde Pessoal !

 

Estou com uma dúvida referente ao css, estou desenvolvendo um site utilizando css, porém alguns atribútos não estão respeitando os alinhamento no firefox , exemplo tenho uma div Chamada mãe que tem 4 filhos incluindo o rodape, porém, no momento da execução apresenta problemas no firefox ,O IE respeita os alinhamento , se colocar um texto maior que a div o IE não quebra, mas o firefox apresetenta, alguem poderia ajuda - me com esse problema ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

michelwin, Boa Tarde!

 

Primeiro: Você definiu o valor da propriedade height da sua div mãe como 100%?

 

Segundo: confira o link abaixo para ver se podem te ajudar.

 

Div pai não acompanha a altura dos filhos que estão com float. Como fazer para que acompanhe

 

Terceiro: Defina a propriedade Display: com o valor table para sua div mãe. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

Terceiro: Passa um link para o pessoal visualizar o problema, pode facilitar.

 

Até Mais.

Compartilhar este post

Link para o post
Compartilhar em outros sites

michelwin    0

michelwin
Postado

michelwin, Boa Tarde!

 

Primeiro: Você definiu o valor da propriedade height da sua div mãe como 100%?

 

Segundo: confira o link abaixo para ver se podem te ajudar.

 

Div pai não acompanha a altura dos filhos que estão com float. Como fazer para que acompanhe

 

Terceiro: Defina a propriedade Display: com o valor table para sua div mãe. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

Terceiro: Passa um link para o pessoal visualizar o problema, pode facilitar.

 

Até Mais.

 

 

 

<!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">
<style>
*{margin:0px;text-align:center;}
	#corpo{width:800px;position:relative;border:1px dashed #FF0000;}
		#corpoTopoUnder{width:100%;height:20px;position:relative;border:1px solid #00FF33;background-color:#FF0000;}
		#corpoTopo{width:100%;height:100px;position:relative;border:1px dashed red;margin-bottom:10px;}
		#corpoMenuEsq{width:150px;height:300px;position:relative;border:1px dashed black;float:left;margin-right:10px;}
		#corpoConteudo{width:474px;height:auto;position:relative;border:1px dashed black;float:left;z-index:1;overflow: auto;text-indent:inherit;letter-spacing:inherit;unicode-bidi:bidi-override;margin-bottom:10px;}
		#corpoMenuDir{width:150px;height:300px;position:relative;border:1px dashed black;float:left;margin-left:10px;}
		#corpoRodape{width:100%;height:100px;position:relative;border:1px dashed red;clear:left;z-index:0;}
		#corpoRodape2{width:100%;height:100px;position:relative;border:1px dashed red;z-index:0}
	
</style>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<div id="corpo">
	<div id="corpoTopoUnder"></div>
	<div id="corpoTopo"></div>
	<div id="corpoMenuEsq"></div>
	<div id="corpoConteudo">
	

	Depois de um bom tempo de espera, finalmente está no ar esta nova versão.

Como principal novidade, além do layout, é interessante destacar que agora as opções de votação e de mensagens no fórum estão restritas a membros do grupo. Essa medida foi obrigatória, uma vez que não é possível contar com a colaboração de alguns poucos usuários que não sabem valorizar o que leva anos pra ser construído e é ofertado gratuitamente.

O sistema de votação foi zerado, espero não prejudicar ninguém, mas foi importante para acertar o novo sistema de pontos dos textos lidos.

Textos adultos não serão selecionados ao clicar no 'Sortear um texto' e também não aparecerão nas novidades e nos rankings.

Depois de um bom tempo de espera, finalmente está no ar esta nova versão.

Como principal novidade, além do layout, é interessante destacar que agora as opções de votação e de mensagens no fórum estão restritas a membros do grupo. Essa medida foi obrigatória, uma vez que não é possível contar com a colaboração de alguns poucos usuários que não sabem valorizar o que leva anos pra ser construído e é ofertado gratuitamente.

O sistema de votação foi zerado, espero não prejudicar ninguém, mas foi importante para acertar o novo sistema de pontos dos textos lidos.

Textos adultos não serão selecionados ao clicar no 'Sortear um texto' e também não aparecerão nas novidades e nos rankings.

Depois de um bom tempo de espera, finalmente está no ar esta nova versão.

Como principal novidade, além do layout, é interessante destacar que agora as opções de votação e de mensagens no fórum estão restritas a membros do grupo. Essa medida foi obrigatória, uma vez que não é possível contar com a colaboração de alguns poucos usuários que não sabem valorizar o que leva anos pra ser construído e é ofertado gratuitamente.

O sistema de votação foi zerado, espero não prejudicar ninguém, mas foi importante para acertar o novo sistema de pontos dos textos lidos.

Textos adultos não serão selecionados ao clicar no 'Sortear um texto' e também não aparecerão nas novidades e nos rankings.

		</div>
	<div id="corpoMenuDir"></div>
	<div id="corpoRodape"></div>
	
</div>
</body>
</html>

 

 

Descupe mais não entendi como funciona a lógica do display:table favor expilcar por gentileza, para facilitar segue o codigo a sima , preciso que a div corpoMenuEsq e a corpoMenuDir acompanhe o div corpoConteudo

 

Abraco...

 

http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Então acho que posso ter interpretado mal sua dúvida. (desculpe-me).

Dá uma olhada neste artigo do Paulo de Tarso F. M., ele ensina uma tecnica chamada "Faux columns" que pode ser util:

 

Técnica "Faux Columns" para layouts CSS

 

Qualquer dúvida posta novamente. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado
michelwin, uma dúvia, por que no css que você postou ali em cima tem tanto position:relative;?

Compartilhar este post

Link para o post
Compartilhar em outros sites

michelwin    0

michelwin
Postado
Gio, Utilizei position relative, para deixar a div flutuando, ou seja, com o atribúto float:left, o mesmo server para fazer uma div flutar para o lado esquerdo, se tivesse usado absoluto não daria certo, mas se houver uma maneira mais facil de fazer favor, explicar , quanto mais simples ficar o codigo melhor.

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