2 colunas

[kenweb 0]

qq ta errado?!?!?!?!?

 

HTML:

<div class="esq" id="esq">
         <h2>texto</h2>
<p>textotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotexto</p>
         </div>
         <div class="dir" id="dir">
         <h2>texto</h2>
<p>textotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotexto</p>
         <h2>texto</h2>
<p>textotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotextotexto</p>
         </div><

 

CSS:

#esq {
   float: left;
   width:40%;
   }
#dir {
   float: right;
   width:40%;
   }

 

Quando eu faço o css igual o acime fica os 2 do lado direito... e se eu mudar qlqr coisa fica os 2 do lado esquerdo, e se eu colocar "inherit" no lugar do left fic certo mais o right fica abaixo... nao do lado como eu kero *___*

 

* este erro so acontece no Mozilla =O

 

 

AHHHH meu esquece tem mto erros eu subi para você da uma olhada...

 

http://kenwebdesigner.com/erros_bizzaros/

 

Principalmente no mozilla ta dando o pior!

[JCMais 75]

Cara, aqui está correto, cada um em sua devida posição. :ermm:

[kenweb 0]

ahhh mano olha como aparecer aki...

 

 

[JCMais 75]

Estranho, aqui tá normal:

 

Coloca o restante do CSS aqui, e tem certeza que a do servidor tá igual ao que tu tá trabalhando local?

[kenweb 0]

sim cara a pagina q tirei print eh da online ja...

 

tem 3 css's por isso ja coloquei online para pegarem no cogido fonte e ver onde esta o erro pq olha o erro ta nessa parte.

 

#ken {
   float: left;
   width:40%;
margin:20px;
   }
#kenservicos {
   float: right;
   width:40%;
margin:20px;
   }

#rodape {
position: absolute;
bottom: 0;
background-color:#0066CC;
width:100%;
}

 

mas mudo e mudo aki n acontece nada e nos outros navegadores estao certo....

[WilliansS 73]

Cara aqui deu certo, más pode ser erro de "compilação" no navegador.

 

tira o "%" e usa o tamanho em PX ex:

width: 400px;

. Lembre que se você tiver uma porcentagem você precisa ter um div pai, afinal o navegador vai interpretar que é 40% de alguma coisa, do que? no seu caso?

[kenweb 0]

n mudo nada willans, ja tentei isso a div pai eh o #content ele tem 950px.... ja tentei colocar 400px mas n funciona...o erro continua o mesmo.

 

 

 

Pera ai tentem visualizar em 1024, pq eu experimentei em outras dimenções maiores ele se arruma ai muda dnv ele fica errado e assim vai indo quanto mas aumenta.

[Mateus Avila Isidoro 8]

Ken, faz um wrap para o teu código, assim:

 

<div id="wrapContent" class="wrapContent">

<div class="ken" id="ken">texto texto</div>

<div class="kenservicos" id="kenservicos">texto texto</div>

</div>

 

E nesta wrap tu faz assim:

.wrapContent{width:100%;float:left}

.ken{float:left;width:40%;}
.kenservicos{float:right;width:40%;}

 

Posta o código pra gente depois.

 

Lembrei de algumas coisas que eu vi no teu código

 

1) troca o DTD do teu HTML.

2) Insere um reset de CSS.

 

Depois tu manda o resultado pra gente.