Jump to content


Photo

Posicionar Div Flutuante (resolvido!)


  • Faça o login para participar
12 replies to this topic

#1 guiga

guiga

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 18/04/2008, 16:57

Olá, estou em uma difícil missão.....

Estou construindo um site que é centralizado onde eu tenho uma banner expansível dentro de uma div flutuante localizado no lado direito do site.
Eu consegui posicionar a div de maneira que ficasse no local correto, porém, a partir do momento em que eu diminuo a janela até que o tamanho dela seja menor que o tamanho do site a div começa a se mexer horizontalmente, saindo da posição correta q deveria ficar.....

ai está o código css da minha div:
........................................................

#banner {
position:absolute;
height: 270px;
width: 314px;
top: 290px;
z-index: 1;
padding-left: 452px;
padding-right: 13px;
left: -389px;
margin-left: 50%;
}
...................................................

Usei padding para posicionar o banner em relação ao site....
Acham q um script pode me ajudar?
Não sei o q fazer, alguém me ajude por favor...........

Edição feita por: guiga, 22/04/2008, 13:10.


#2 Tohma

Tohma

    12 Horas

  • Usuários
  • 202 posts
  • Sexo:Masculino
  • Localidade:Curitiba

Posted 18/04/2008, 17:43

pode ser pq vc definiu a margin-left como porcentagem ... neste caso, retire margin-left, defina um left positivo ... retire aquele negativo


qualquer coisa posta aí


flw (y)
DBPlex dbplex.com.br

#3 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 20/04/2008, 14:26

O problema é o position absolute.

O position absolute varia de acordo com o elemento que o contém. Ou seja, a div pai dessa sua div com position absolute (ou até mesmo o body da página, caso ele for o pai) irá interferir nela, na medida que for redimensionado.

Dá uma procurada por position absolute e relative ;) Tem bastante coisa no fórum. Olha aqui também:

http://www.maujor.co...rial/absrel.php
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#4 guiga

guiga

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 22/04/2008, 09:50

Olá pessoal,

Cheguei ao problema.
A solução era especificar o width da div mae, e aplicar o alinhamento centralizado pelo body.

Obrigado pessoal.

Abs.

Edição feita por: guiga, 22/04/2008, 13:07.


#5 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 22/04/2008, 13:05

Você tem certeza que checou o position:absolute que eu comentei? Leu o link que eu mandei?

Fiz 2 exemplos. Segue em anexo.

A única diferença entre eles é que no "com_relative.html" a div "externa" tem position:relative, enquanto que no outro código não.

Experimenta abrir ambos os exemplos no teu browser e redimensionar a janela. Você vai ver que no com relative, a div se mantém dentro dos conformes, ou seja, respeita o seu pai (que é a div externa), enquanto que no outro exemplo ela vez sim/vez não tá dentro da div externa.

Você precisa definir um position:relative na div que contém a div do seu flash.

(y)

Attached Files


BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#6 guiga

guiga

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino

Posted 22/04/2008, 13:09

Obrigado Firehalk

Agora deu certo sim. ela fica na posição correta.

Abraço

#7 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/09/2017, 13:41

Propecia Generic United States cialis buy online Shipped Ups Secure Ordering Acticin Scabies Online Free Porn Get Vagera Need Fluoxetine Flutine Obsessive cialis online Zithromax 250 Mg Uses
Using Proscar For Hair Loss Propecia Finasteride buy cialis How Can I Buy Warfarin 90 5 Mg
Baclofene Acheter Buy Propecia Without Doctor
Tomar Viagra Durar Mas <a href=http://cialtobuy.com>online pharmacy</a> Eroxim Kamagra
Bupropion Sr 150 cialis Tips To Lasting Longer
Cialis El Pais
Buy Cytotec Misoprostol Online <a href=http://cialtobuy.com>cialis</a> Priligy Spanien

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 28/09/2017, 18:32

Topical Amoxicillin For Cats Zentel Worms Without Dr Approval On Line Doxycycline cialis Best Price On Cialis Coupon Viagra Rezeptfrei Cialis
Traitement Cialis 5 Mg generic cialis Safe Generic Propecia Finasteride 1mg Without Prescription Pharmacies India Viagra Gold
Propecia Minoxidil Get Progesterone 200mg Drugs Store online pharmacy Diclofenac Sodium 50mg Buy

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 29/09/2017, 03:29

Comprimes Cialis Amoxicillin Dosage In Dogs buy cialis Cialis Soft Generique

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 29/09/2017, 10:16

Cheap Prednisone No Script viagra cialis Walking Pneumonia Zithromax Le Baclofene Contre L'Alcoolisme

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 08/10/2017, 19:14

Next Day Kamagra generic viagra Propecia England
Propecia Effetti Keflex Brand levitra prezzi Sale Acticin Discount Visa Anchorage
Levitra Que Contiene nonprescription levitra Cialis Senza Prescrizione
Dove Trovare Cialis Senza Ricetta viagra Uk Buy Albenza Oral Buy Fluconazole 200 Mg Buy Zithromax Online Us

#12 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 25/10/2017, 09:28

Propecia Pelvico Cialis Kreuzschmerzen Medicina Viagra cost of levitra at cvs 360 Buy Kamagra Usa
Comprar Cialis En Vina Del Mar Cialis 2.5 Mg Daily Use levitra super pro Real Hydrochlorothiazide Internet Overseas Amex Accepted
Viagra Barato Madrid Chinese Pharma Online Vendita Cialis Ebay buy viagra Viagra Price In Delhi Himcolin Canadian Cialis Reviews

#13 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 04/11/2017, 16:55

Ou Trouver Du Viagra Pas Cher viagra online Zithromax And Flu
Bentyl Medicine Mastercard Accepted With Free Shipping Vrai Viagra En Ligne viagra Articulo 186 Amoxicillin Trihydrate 30 Ml
Cialis Diario Hpb Vpxl Pill Store viagra Commande Viagra Fiable Cheap Prednisone No Script




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq