Diferença de 1Pixel

[Z3C4 0]

Estou montando um layout q se adequa a qualquer resolução. Ele tem várias div e todas elas eu estou usando float.As divs onde estam o conteúdo estam dando uma diferença de 1pixel e não consigo tirar essa diferença. Eu estou usando porcetagem p/definir a largura das divs. Eu tenho uma div de 30% e 2 de 35% que no total dá 100% e preenche todo o site na largura.Tem um detalhe maior ainda ... no Firefox esta PERFEITO o layout e no IE'ca6 esta dando a diferença.

[Giovani 104]

Z3C4, posta um link para que o pessoal possa visualizar melhor e ajudar.

 

[]´s

[Z3C4 0]

Não tenho como fazer isso vou explicar com mais calma.Eu tenho uma div chamada conteúdo_central e dentro dela eu tenho + 3 div ... div1,div2 e div3. Sendo que a largura da div1 esta p/ficar 30% e a div2 e a div3 esta p/programada p/ficar com largura de 35%... p/completar e dar 100% no total. Só que essas divs estam dando 1 pixel de diferença, elas não tem padding não tem nada, elas estam "limpas".

[QuIx 0]

Olá,

 

Cara eu prefiro fazer <div id="central"><img src="url" class="right" e aí arrumo isso no arquivo .CSS, aí depois pra por os textos faço outra div e na boa é mais fácil do que ficar se inrolando, faz coisa por coisa :S

 

[]'s

[Hunter_ 0]

Pq você não reduz em alguns % as larguras das divs, para ficar com uma "sobra", que na soma total fique em algo em torno de 98%?

[Z3C4 0]

Eu tb pensei asism como você descreveu ... acontece q o comportamento das div em % é diferente das com px ... qnd eu reduzo 1% por exemplo ele reduz muito mais do esperado. Entende ? Eu arrumei uma solução aqui ... mas esta uma gambiarra muito sinistra ... eu coloquei a div2 que tem 35% com um tamanho fixo e a div3 com tamanho em % mesmo. Funcionou mas não é isso q eu quero. Esta dando uma diferença enorme qnd eu mudo a resolução do vídeo.

[Hunter_ 0]

Experimente números decimais como:.5%.9%vai testando até adequar a tua necessidade.

[Z3C4 0]

dessa forma fica boa... mas será q é adequado isso ?? a chance de dar alguma coisa futuramente é enorme.

[Paulo de Tarso F. M. 24]

Mas eu ainda acho q você poderia colocar pelo menos parte do código pra gente ver se tem mais alguma coisa atrapalhando... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[Z3C4 0]

CSS-------------------------/* coments */body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, div, form, input, select, textarea, hr, table, tr, td {margin:0px;padding:0px;color:#000000;a:link; text-decoration: none;a:visited; text-decoration: none;a:hover; text-decoration: none; a:active; text-decoration:none;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px; font-style:normal;color:#FFFFFF;}body {background-color: #000000;}/*Div que agrega site inteiro */#global {width:100%;height:155px;position:absolute;background-color: #000066;top:0px;left:0px;}#topo {width:100%;height:155px;float:left;background-color:#FF0000;}#menu_cima {width:100%;height:30px;float:left;background-color:#0000FF;}/*Div que agrega menu esquerdo, flash, conteúdo e seções */#central {width:100%;height:auto;float:left;background-color:#FFFFFF;}#menu_esq {width:180px;height:100%;float:left;background-color:#053D9C;padding:2px;}#menu_baixo {width:100%;height:180px;float:left;background-color:#003D97;}#rodape {clear:both;width:100%;height:30px;background-color:#01173C;}/* Seção onde fica o conteudo flash e das seções*/#conteudo_dir {width:85%;height:100%;float:right;background-color:#FF0000;padding:2px;}/*Seção onde fica o flash dos filmes */#flash {width:85%;height:245px;float:right;background-color:#999900;padding:2px;}/*Seções numeradas da home */#sec1 {width:30%;height:500px;border:none;float:left;background-color:#990000;}#sec2 {width:70%;height:250px;border:none;float:left;background-color:#990099;}#sec3 {width:374px;height:250px;border:none;float:left;background-color:#0099CC;}#sec4 {width:35%;height:250px;border:none;float:left;background-color:#999999;}#sec5 {width:30%;height:250px;border:none;float:left;background-color:#CC9900;}#sec6 {width:374px;height:250px;border:none;float:left;background-color:#990099;}#sec7 {width:35%;height:250px;border:none;float:left;background-color:#990000;}-------------------------HTML-------------------------<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Simon Wantraub - Fonoáudiólogo e Professor de Oratória</title><META HTTP-EQUIV="Keywords" CONTENT=" Teste de seções "><meta name="resource-type" content="document" /><meta name="distribution" content="global" /><meta name="rating" content="general" /><meta name="language" content="pt-br" /><meta name="robots" content="index,follow" /><link href="css/estilo.css" rel="stylesheet" type="text/css" /></head><body><div id="global"> <div id="topo">Topo</div> <div id="menu_cima">Menu cima</div> <div id="central"> <div id="flash">Flash</div> <div id="menu_esq" align="center">Menu esquerda</div> <div id="conteudo_dir"> <div id="sec1">Seção 1</div> <div id="sec2">Seção 2</div> <div id="sec3">Seção 3</div> <div id="sec4" >Seção 4</div> <div id="sec5">Seção 5</div> <div id="sec6">Seção 6</div> <div id="sec7">Seção 7</div> </div> </div> <div id="menu_baixo">Menu baixo</div> <div id="rodape">Rodapé</div></div></body></html>-------------------------