Tamanho de Div no IE!

[bobmarley 0]

aeee galeraaa

tava sumido aquiiii

mas apareceu um probleminha em meu projetooo

eahuehua

é o seguinte...

acho q to fazendo m*****..

tem uma div q no Firefox é um tamanho.... e no IE a div ta ficando com outro tamanhooo

nao entendi nada...

 

#fotos {

  float: right;
  background: #654998;
  width: 279px;
  height: 466px;
  padding: 5px 0px 0px 5px;
  margin: 5px;
  text-align: left;
  color: #cccccc;
  border-left: 1px solid #FFFFFF;
  
}

 

essa é a div....

q sera q ta errado???

valeuuuuuu galeraaa

abraçooooooos http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[William Bruno 1501]

Não deve ser somente esse código isolado que está causando problemas.

Ocorreu no IE6 ? se for, pode ser o bug de margins duplicados... coloque um display: inline; ...

 

Poste um link para o site.. pois veja.. rodando isso ai, não vamos notar o problema.

[bobmarley 0]

nao deu certo o display nao =/

é mto estranho pq no firefox fica uma belezaaaaa.

fica perfeito no firefox... esse IE só me atrapalha a vida....

f***

mas entao nao tem um link pra mostrar... vo colar tudo aqui =/

só q ta enorme vei

 

body {
background: #EEE;
color: #000; font-size: 11px;
font-family: Verdana, sans-serif;
margin: 0; padding: 0;
text-align: center;
}

a:link {
text-decoration: none;
color: #fff;
}
a:visited {text-decoration: none;}

#tudo {
background: #666666;
border: #000 0px solid;
width: 750px;
margin: auto;
text-align: left;
}

#menu ul{
background-image:url("img/menu.JPG");
height: 73px;
margin: 0;
padding: 0;
width: 100%;
list-style:none;
}

#menu ul li{
display: inline;
}

#menu ul li a {
font-size: 18px;
font-family: arial;
padding: 24px 26px;
float: left;
color: fff;
text-decoration: none;
}

#menu ul li a:hover {
text-decoration: underline;
}


#topo {
background-image:url("img/topo.JPG");
height:314px;
clear:both;
}

#conteudo {
font-size: 12px;
padding: 5px;
text-align: center;
clear:top;
}

#rodape {
background-image:url("img/rodape.JPG");
clear: both;
height: 29px;
font-size: 12px;
font-family: arial;
color: #fff;
text-align: right;
}


#kalfix {
float: left;
padding: 7px;
width: 500px;
}

#design {
float: right;
padding: 7px;
font-size: 10px;
}





/* ********************* home.php só de teste ***************** */


#nov {

  float: left;
  background: #654778;
  width: 420px;
  height: 140px;
  padding: 5px;
  margin: 5px;
  text-align: left;
  color: #cccccc;
  border-bottom: 1px solid #FFFFFF;
}

#figura1 {

float: left;
margin: 5 5 0 2;
padding: 0;
}


#fotos {

  float: right;
  background: #654998;
  width: 279px;
  height: 466px;
  padding: 5px 0px 0px 5px;
  margin: 5px;
  text-align: left;
  color: #cccccc;
  border-left: 1px solid #FFFFFF;
  display: inline;
  
}


#nov2 {

  float: left;
  background: #654887;
  width: 420px;
  height: 140px;
  padding: 5px;
  margin: 5px;
  text-align: right;
  color: #cccccc;
  border-bottom: 1px solid #FFFFFF;
}



#nov3 {

  float: left;
  background: #645979;
  width: 420px;
  height: 140px;
  padding: 5px;
  margin: 5px;
  text-align: right;
  color: #cccccc;
}

 

é isso aeeee... valeu ae caraaaa

de verdade

abraçoooooos

[Patrícia Machado 1]

Tente não misturar px com %. Ou usa só um ou outro.

E se não conseguir mesmo fazer com que as duas tenham o mesmo tamanho, usa hack!

_width: 279px;

width: 279px;

Para alterar o tamanho no IE, altere no primeiro comando. Assim, você poderá alterar para ficar igual nos dois.

[William Bruno 1501]

tá.. mas sem o HTML eu não consigo rodar o teu código para VER o problema.

[bobmarley 0]

entao caraaa

coloquei _width: 279px;

nao deu certo =/

continuou mesma coisa =/

 

vo cola o html aqui...

 

<div id="nov">

					 <div id="figura1">
						   <img src="imagem3.JPG">
					  </div>


						11111111111Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus
			 </div>

			 

					   <div id="fotos">

							22222222Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing

					   </div>

						   




					  <div id="nov2">

						   333333Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing

					  </div>


						  


				  <div id="nov3">

					   4444444444Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing

				  </div>

ta sem o conteudo ainda.... mas acho q da pra entender

ehuehuae

valeu aeee galeraaaaa

abraçooooos

[William Bruno 1501]

Estranho cara... ainda não percebi o problema...

você está usando um DOCTYPE ?

 

Oque eu disse sobre o display: inline, era o seguinte:

#fotos {

  float: right;
  background: #654998;
  width: 279px;
  height: 466px;
  padding: 5px 0px 0px 5px;
  margin: 5px; /* mesmo sentido do float */
  display: inline;
  text-align: left;
  color: #cccccc;
  border-left: 1px solid #FFFFFF;
}

Não sei se é porque rodei o arquivo em partes... mas não notei diferenças..

não tem mesmo um link ?

[desisto 0]

1 dos problemas é:

 

float: right;

margin: 5px

 

quando usa float com magem, o ie duplica o valor da margem

esse é um dos bugs do ie

[bggmb 0]

Se estiver estourando o layout usa overflow:hidden; que ajuda =)

[bobmarley 0]

mto estranho isso cara...

se o ie duplica.. tem algum hack pra isso?

pq tpw..

eu queria saber mesmo pelo seguinte...

do jeito q ta.... da pra esconder pq a div vai ser da cor do fundo..

mas e um dia q eu fizer diferente... entendeu?

vai ficar feio... =///

o overflow nao tem certo tb =/

nem o display:inline

:S

mas valeuu galeraaaaaaaaaa

abraçoooooooooos http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

[William Bruno 1501]

Estranho cara... ainda não percebi o problema...

você está usando um DOCTYPE ?

 

não tem mesmo um link ?

:blink:

se o ie duplica.. tem algum hack pra isso?

Sim, o hack é colocar o display: inline, no elemento que tem float no mesmo sentido da margin.

Oque ele duplica é a margin.

[Aprendiz CSS 3]

posta um link para vermos....

 

fica mais facil

[bobmarley 0]

nao tem um link =///

nao ta no ar ainda

e tpw... eu tentei o display inline.. nao deu certo nao =//

[Aprendiz CSS 3]

cria um link de teste em qualquer provedor free ai só para facilitar a nossa ajuda!

 

abraço