[Resolvido] [problemas] - propriedade position

[Baguerinha 0]

Primeiramente agradeço o auxílio,

 

Minha dúvida é em relação a propriedade position, com valor 'relative'.

Eu utilizei 6 div's:

 

<div class="ex1"></div>
<div class="ex2"></div>
<div class="ex3"></div>
<div class="ex4"></div>
<div class="ex5"></div>
<div class="ex6"></div>

porém quando vou posiciona-las eu estou utilizando position: relative; com valor negativo para

alinha-las uma ao lado da outra .

 

|___1___||___2___||___3___||___4___||___5___||___6___|

 

 

Porém depois de alinhadas sobra um grande espaço em branco (um vazio) embaixo dessas div's

fazendo com que minha página se estenda.

 

tentativa de Ex:

 

__________________________________________________________|

|

|

|

|___1___||___2___||___3___||___4___||___5___||___6___|

|

|--------------------[minha página deveria terminar aqui]-----------------|

|

|

|

|_______[porém esta com um espaço em branco até aqui]-_________|

 

 

Minha dúvida é: "Existe alguma maneira de eliminar esse espaço (sobra) causado pelo posicionamento com valor negativo?"

 

- Eu não posso mudar a position para 'absolute' se não terei que mudar a página inteira.

- Declarei uma div principal que aninhava todas as outras div's dentro dela e estipulei altura 100% o problema se resolveu no Mozzilla porém no I.E continua o mesmo.

 

 

Obrigado por ler até aqui =)

[]'s

[programador php 0]

ao inves de position utilize float: left;

 

abraço

[Baguerinha 0]

ao inves de position utilize float: left;

 

abraço

 

Obrigado pela resposta...

 

Assim que der tempo irei testar aqui

 

float:left;

 

como que eu posicionaria depois a div?

[programador php 0]

posicionar onde o que?

 

abraço

[Baguerinha 0]

posicionar onde o que?

 

abraço

 

ex:

 

.div1{

 

position:relative;

top:20px;

left:15px;

}

 

como eu posicionaria isso com a propriedade float? é possível?

[programador php 0]

#div1 { float: left; }

 

se quiser pode definir um width

 

 

abraço

 

 

editado:

 

 

 

melhorando

 

posicionando com float: left; o elemento será retirado do fluxo principal e posicionado na esqeurda até que outro elemento não fique na div maior

 

exemplo

 

div total

[_________________________________]

 

div total com float

[float______________________________]

 

div total com dois floats(porem segundo grande)

[float ....... float maior ..........__________]

 

 

se você tentar colocar um "maior"

 

ele vai para linha debaixo

 

[float .......... float maior..............

float maior ainda]

 

 

a linha quebrou

 

 

entendeu

 

abraço

[Baguerinha 0]

Legal..

 

Problema resolvido, eu na verdade reestruturei tudo com posição 'absolute' pois sei trabalhar melhor

uma outra hora estudarei melhor a propriedade float.

 

obrigado ;)