Jump to content


Photo

Calcular Altura 100% Com Scroll


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

#1 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 22/10/2008, 16:00

Boas tardes :P Lá vou eu de novo!

Tenho um site onde o cliente escolhe um produto, e ao clicar, abre uma div, com o fundo semi-transparente no fundo (preto com opacidade 65%). Com a largura, conseguimos resolver aqui no fórum... porém montando o site aqui vi alguns problemas, tem páginas com produtos muito extensos.

Gostaria de saber como posso resolver, com pixels não dá.

Anexo uma imagem abaixo de como está sendo exibido!

CSS!
[codebox].transparencia{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%; << Não funfa, tentei com 1200px de altura mas nao deu certo!
background-color: #000000;
-moz-opacity: 0.65;
-khtml-opaciy: 0.65;
opacity: 0.65;
filter: alpha(opacity=65);
z-index: 1;
}
[/codebox]

Attached Files

  • Attached File  _p.jpg   95.02KB   8 downloads

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 22/10/2008, 18:28

vc tem que usar o min-height: 100%; e usar aquele esquema que te passei para definir no ie6 com expression ou por esse hack http://www.dustindia...ight-fast-hack/.

Edição feita por: Édipo Costa Rebouças, 22/10/2008, 18:36.


#3 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 23/10/2008, 07:45

Com min-height, há a necessidade de setar também o height? Pois no firefox continua a msm coisa e nos IEs some o background

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 23/10/2008, 08:00

Não entendi muito bem, mas o height do body e do html estão com 100%?
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 23/10/2008, 08:26

Alex, eu fiz o teste com html e body 100%, mas não adianta... tentei até apelar pro javascript, mas ele não faz nada... no Firefox ele pega a altura, mas no IE ele retorna NaN (nao é um numero Oo) mas mesmo pegando a altura, ele nao modifica o CSS!

[codebox]function size()
{
yWithScroll = window.innerHeight + window.scrollMaxY;
//document.getElementById("item1").style.height = yWithScroll + "px";
alert(yWithScroll)
}
[/codebox]

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#6 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 23/10/2008, 10:14

se for pegar, pega o tamanho via js, pega o do document não do window

#7 Maykel Esser

Maykel Esser

    Super Veterano

  • Usuários
  • 1536 posts
  • Sexo:Masculino
  • Localidade:Curitiba - PR

Posted 24/10/2008, 15:46

document no firefox dá problema, ele diz que é undefined.

Bom, consegui pegar ambas alturas, o problema agora é alterar o CSS pra essa altura. Sempre que tento dá problema auhahua

ficou assim:

[codebox]function size(){
if (typeof(window.innerHeight) == "number")
meuTamanho = window.innerHeight;
else {
meuTamanho = document.body.clientHeight;
}
alert(meuTamanho);
[/codebox]

Ficaria fora do propósito do tópico se continuar a discussão aqui, agora creio que o problema é em Java então considerem aqui resolvido.

Edição feita por: maykel, 24/10/2008, 15:46.

Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens! add.png


#8 HaroNism

HaroNism

    Super Veterano

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

Posted 16/09/2017, 12:56

For Sale Progesterone Next Day Tablets Fedex Shipping cialis Achat Amoxicillin Pharmacie Envoyer Annuaire
Dutasteride 5mg Cialis Online
Viagra Dove Comprarlo cialis Strattera Online

#9 HaroNism

HaroNism

    Super Veterano

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

Posted 03/10/2017, 17:23

Comment Prendre Cytotec Broadway Services Generic Viagra viagra Ou Trouver Du Misoprostol Propecia Servicio Vendita Viagra Internet
Acquisto Viagra Online Sicuro viagra Cialis Wikipedia Does Alcohol Interact With Amoxicillin Lovegra

#10 HaroNism

HaroNism

    Super Veterano

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

Posted 11/10/2017, 11:20

Is Cephalexin Good Antibiotic For Pneumonia viagra Amoxicillin 50mg Commander Viagra En Ligne
Cialis Marche Pas Pfizer Celebrex Discount Canadian Overnight cialis Viagra Kaufen Nachnahme
Stendra 50mg Ed Can I Purchase Sildenafil Generique 20 Mg Cephalexin What Is viagra online prescription Il Cialis Crea Dipendenza Prednisolone Kamagra Wo Bestellen

#11 HaroNism

HaroNism

    Super Veterano

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

Posted 28/10/2017, 15:32

Kamagra Aus Uk where can you buy levitra the cheapest Antibiotics Quick Wothout Prescription
Amoxicillin Dental Use For Pain Prednisone Sale Prix Du Viagra Belgique viagra prescription Mexican Pharmacy Online Does Amoxicillin Treat Uti
Cheap Kamagra Belgio viagra Viagra Ontario

#12 HaroNism

HaroNism

    Super Veterano

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

Posted 15/11/2017, 14:55

Propecia Direct Propecia Online Order Viagra Online Overnighe Australia acquista vardenafil Cialis Viagra Bestellen
Anyone Buy Viagra Off Radio Commercial Cialis Generika Gefahrlich Levitra Disfuncion Psicologica cialis price Cialis Prix En Ligne Effets Secondaires Cialis
Cheap Plavix Canada Pharmacy cialis Dove Posso Comprare Il Cialis Generico Purchase Synthroid Online
Buy Xenical Au Mens Health Viragra online pharmacy How Long Do Zithromax Side Effects Last Levitra Disfuncion Psicologica




1 user(s) are reading this topic

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

IPB Skin By Virteq