Centralizar Div
#1
Posted 05/12/2010, 23:43
A questão é a seguinte, sempre que utilizo algum código novo, não tenho sucesso.
Atualmente estou tentando posicionar uma imagem para background de um logo de acordo com a resolução de vídeo.
#apDiv1 {
position:absolute;
width:900px;
height:260px;
z-index:1;
left: 65px;
top: 0px;
}
Só que eu quero o left sem os 65px; quero que esta div seja centralizada de acordo com a tela do usuário.
Eu uso 1280 x 800 no notebook e 1920 x 1080 no desktop, no entanto se eu usar uma tabela ela fica sempre centralizada, mas fica com um espaçamento entre o topo e a tabela de quase 1 cm de distancia.
Vejam as imagens:
Com DIV
Com Tabela
Com a DIV nunca fica centralizado no meu desktop ou note, ja com a tabela sempre centraliza, mas fica com essa distancia entre o topo do navegador e a imagem do background.
Alguém pode me ajudar?
Abraços e obrigado.
Atenciosamente,
Renato Russano
#2
Posted 13/12/2010, 16:40
#apDiv1 {
position:absolute;
width:900px;
left: 50%;
margin-left: -450px
}
Esta técnica eu vi neste site: http://www.ogenial.c...cnicas-basicas/ apliquei em diversos sites e funcionou belezinha em todas as resoluções que eu testei e em todos os navegadores como por exemplo o Internet Explorer, Firefox, Google Chrome e Opera. Portanto você não terá problemas de acessibilidade. Eu garanto!
Qualquer dúvida, só responder.
Edição feita por: Fonor, 13/12/2010, 16:41.
#3
Posted 13/12/2010, 22:16
[...] , sua div apDiv1 deverá estar como absolute e você deverá determinar o LEFT dela como 50%, daí ela estará no meio da tela, certo? agora, para jogar ela no centro, basta informar a margin-left como -450px daí ela posicionará o centro da div no centro da tela. [...]
Isso funciona, mas é "semanticamente incorreto".
O ideal é usar o atributo #divPai { margin: 0 auto; } que aplica margens automáticas, não importando a resolução do monitor.
Tem vários tópicos sobre como centralizar o conteúdo do site aqui no fórum. Pesquise um pouco antes de postar novo tópico.
Acessibilidade se refere a utilização do conteúdo do site por pessoas com algum tipo de deficiência ou dificuldade natural, como idade avançada.[...] apliquei em diversos sites e funcionou belezinha em todas as resoluções que eu testei e em todos os navegadores como por exemplo o Internet Explorer, Firefox, Google Chrome e Opera. Portanto você não terá problemas de acessibilidade. Eu garanto! [...]
O fato do método funcionar em vários navegadores diz respeito a usabilidade do site.
#4
Posted 15/12/2010, 16:32
[...] , sua div apDiv1 deverá estar como absolute e você deverá determinar o LEFT dela como 50%, daí ela estará no meio da tela, certo? agora, para jogar ela no centro, basta informar a margin-left como -450px daí ela posicionará o centro da div no centro da tela. [...]
Isso funciona, mas é "semanticamente incorreto".
O ideal é usar o atributo #divPai { margin: 0 auto; } que aplica margens automáticas, não importando a resolução do monitor.
Tem vários tópicos sobre como centralizar o conteúdo do site aqui no fórum. Pesquise um pouco antes de postar novo tópico.Acessibilidade se refere a utilização do conteúdo do site por pessoas com algum tipo de deficiência ou dificuldade natural, como idade avançada.[...] apliquei em diversos sites e funcionou belezinha em todas as resoluções que eu testei e em todos os navegadores como por exemplo o Internet Explorer, Firefox, Google Chrome e Opera. Portanto você não terá problemas de acessibilidade. Eu garanto! [...]
O fato do método funcionar em vários navegadores diz respeito a usabilidade do site.
Sem entrar no mérito, já tive diversos problemas com o margin: 0 auto; sem contar que ele não centraliza verticalmente. Quanto a acessibilidade. Desculpas pela vergonha que passei.
#5
Posted 15/12/2010, 16:44
Vdd, mas o que voce queria centralizar verticalmente??Sem entrar no mérito, já tive diversos problemas com o margin: 0 auto; sem contar que ele não centraliza verticalmente. [...]
Foi só um comentário, não precisa se desculpar.Quanto a acessibilidade. Desculpas pela vergonha que passei.
#6
Posted 08/10/2017, 22:55
Cialis Apotheke Kaufen Buy Gabapentin No Presctiption Cephalexin And Doxycycline At Same Time viagra Cost Of Amoxicillin Comment Prendre Le Cytotec Koflet
Levitra 10 Mg Posologie viagra Price Comparison Generic Propecia Viagra Generico Con Pagamento Contrassegno
Baldness Propecia Research Propecia Generica Online Levitra Cialis Compare viagra Cialis 5 Mg 28 Compresse Costo
#7
Posted 23/10/2017, 15:31
Priligy Dapoxetin Schweiz viagra vs cialis vs levitra samples Viagra Samples Overnight Ou Trouver Cialis 20 Viagra Estuvo Aqui
Kamagra En Belgique buy viagra online Cheaper Rx4u Viagra Generika Rezeptfrei Online Will Amoxicillin Interact With Prevacid
#8
Posted 24/10/2017, 17:34
#9
Posted 25/10/2017, 07:49
Sinus Infection Dosage Amoxicillin Accutane Without A Perscription Calzado Propecia buy viagra How Often Amoxicillin Should I Take Prix Cialis Pharmacie Drug Interaction Dogs Cephalexin
Buying Lipitor Without A Script Beta Lactam Amoxicillin Side Effects viagra cialis levitra combo packs Furosemide 40 Mg Uses Viagra Effetti Secondari Prescription Drugs
Kwikmed Coupons isotretinoin discount fedex shipping Glasgow levitra shipped from us Want to buy isotretinoin Supreme Suppliers Viagra Zithromax For Children
Amoxicillin And Clavulanate Potassium Without Prescription What Are The Reactions To Amoxicillin levitra germany priligy Buying Free Shipping Dutasteride Kamagra Alcohol
Cialis Apotheke Osterreich Pastilla Cialis Buena brandlevitra on line Cialis Definition Do People Overdose On Amoxicillin Toddler Amoxicillin Hives
Acheter Tadalafil 40mg Zithromax Sore Throat Dosage buying levitra in mexico Propecia Kopfschmerzen
#10
Posted 02/12/2017, 07:59
Precio Viagra Y Cialis Cialis From India Levitra Zubereitung viagra Online Medication No Prescription Cialis Prix Belgique Pharmacie How To Last Longer Bed
Propecia Canada No Prescription Finasteride 5mg Viagra . Com cialis viagra levitra kaufen rezeptfrei Azithromycin Zithromax Buy Acheter Du Cialis En Suisse
Generic Pharmacy Online Comprare Cialis Generic Cheapeast Doryx Discount Internet viagra Generique Cytotec I Want To Buy Misoprostol Tablets
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)