Jump to content
miguel5655

Div's sobrepõe-se

Recommended Posts

miguel5655

Boas.

Estou a usar wordpress para fazer uma página. Na parte dos contactos tenho uma div containes e dentro tenho duas div's uma float:left e outra float:right para se colocarem uma ao lado da outra.

Tenho o width para cada uma a 50%, mas o que acontece se eu redimensionar a janela do browser, as div's sobrepõe-se, fica tudo misturado. a minha intenção era a div do lado direito continuar fixa independetemente do tamanho da janela do browser, e a div do lado direito caso não tenha espaço no sitio dela, passar para baixo da div da direita e manter o tamanho original.

Deixo uma imagem sobre o que acontece.

zq4a.png

Alguém me consegue ajudar? Não pus código porque está tudo inline e fica confuso de perceber.

Obrigado

Edited by miguel5655

Share this post


Link to post
Share on other sites
I-NOZex

sinceramente, uma resolução facil e boa, é usares o plugin "CONTACT 7"

sempre que preciso de páginas de contacto, é o que uso

se defacto queres pegar no que ja tens, aconcelho a deixares o codigo (tanto html/php como o css das classes)


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
HappyHippyHippo

eu não as vejo a sobrepor

o que vejo é que as div's não conseguem diminuir o seu tamanho devido aos elementos internos e fica algo como isto:

     +---------+
     |         |
     +---------+
+---------+
|         |
+---------+
     +---------+
     |         |
     +---------+
+---------+
|         |
+---------+

é esta a imagem que vejo na "pic" apresentada


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
miguel5655

Sim podem não se estar a soberpôr, no entanto a intenção era quando a div da direita não tenha espaço, passa para baixo da div da esquerda.

Obrigado

Share this post


Link to post
Share on other sites
HappyHippyHippo

altera a ordem dos div's

estás a fazer assim:

<div class="right"></div>
<div class="left"></div>
<div class="right"></div>
<div class="left"></div>

passa para:

<div class="left"></div>
<div class="right"></div>
<div class="left"></div>
<div class="right"></div>

neste caso, o primeiro div ganha precedência e aparece primeiro, o que resulta que o div da direita é que aparece em baixo


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.