Search Avançado
Onde procurar

This topic

Fóruns

Membros

Help Files
Novas postagens

Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Div Centralizada

Started By Rustin, 17/07/2005, 23:05

Faça o login para participar

14 replies to this topic

#1 Rustin

Parradise

Usuários
578 posts

Sexo:Não informado

Posted 17/07/2005, 23:05

É o seguinte: o tal de tableless tá me dando um nó no cérebro

Mas eu sei que a galera vai ajudar

Quero fazer com que uma div de 500 pixels de largura fique centralizada horizontal e verticalmente. A primeira parte eu já consegui, mas a segunda não teve jeito.

Desde já, valeu (y)

"O fracasso não é o contrário do sucesso, mas sua fonte de inspiração". Thomas Edison

#2 redstyle

Expert

Usuários
540 posts

Sexo:Masculino

Posted 18/07/2005, 09:41

#meio {
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:500px;
	margin-left:-250px;
	margin-top:-250px;
}

Fiz uma div de 500 por 500 ai se vc quiser é só mudar a altura.

[]'s

Conheça meu blog para Aprender Laravel (Framework PHP)

#3 Rustin

Parradise

Usuários
578 posts

Sexo:Não informado

Posted 18/07/2005, 10:00

Ficou no topo, velho.
Sei não, mas acho que tem que mexer na altura do corpo. Como é que eu não sei

<html>

	<head>
		<title>CenterDIV</title>
		<style type="text/css">

			.meio {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 500px;
				height: 100px;
				margin-left: -250px;
				margin-top: -250px;
				background-color: #ccc
			}

		</style>
	</head>

	<body>
		<div class="meio">Rustin</div>
	</body>

</html>

"O fracasso não é o contrário do sucesso, mas sua fonte de inspiração". Thomas Edison

#4 redstyle

Expert

Usuários
540 posts

Sexo:Masculino

Posted 18/07/2005, 13:06

.meio {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 100px;
margin-left: -250px;
margin-top: -50px;
background-color: #ccc
}

Repare que a margin-top e margin-lef deve ser a metade negativo do tamanho e altura.

Troque a css por essa acima e veja que ficou no meio.

Se vc alterar o tamanho lateral e altura, vc deve mudar tb as margin's

Falowz!!

Conheça meu blog para Aprender Laravel (Framework PHP)

#5 Rustin

Parradise

Usuários
578 posts

Sexo:Não informado

Posted 18/07/2005, 13:43

Beleza, funcionou

O problema é que só vai funcionar quando a div tiver altura definida, o que não é o meu caso

Alguém teria uma alternativa?

"O fracasso não é o contrário do sucesso, mas sua fonte de inspiração". Thomas Edison

#6 redstyle

Expert

Usuários
540 posts

Sexo:Masculino

Posted 18/07/2005, 23:38

mais ai teria que ser alguma coisa dinâmica.
O problema e descobrir a quantidade de pixel usado no layout de acordo com o conteúdo...ainda mais se o site for de atualização dinâmica.

Ps .: Mas se o site utilizar 600px por exemplode altura porque ter a div geral centralizada verticalmente?

Conheça meu blog para Aprender Laravel (Framework PHP)

#7 Rustin

Parradise

Usuários
578 posts

Sexo:Não informado

Posted 20/07/2005, 17:36

Porque a altura máxima da DIV, pelos meus cálculos, será de 100, 200 pixels, ficando horrível no topo. Por isso a proposta é centralizar (y)

"O fracasso não é o contrário do sucesso, mas sua fonte de inspiração". Thomas Edison

#8 Miguceamma

MiguPenjisse

Usuários
11724 posts

Posted 23/09/2017, 08:41

Buy Online Lasix online pharmacy Buy Metformin Medicine Dosage Of Cephalexin For Goats Cephalexin 500 Mg Capsuls cialis Viagra Salud
Cialis Ou Acheter Forum generic cialis Find Stendra Discount With Free Shipping Without Rx
Vigria Pills Cialis Y Vih
Under Eye <a href=http://cialtobuy.com>cialis</a> Buying Zithromax Online Overnight Shipping
Genaric Viagra Gold cialis Clomid Absence De Glaire Cervicale
Erectile Dysfunction Medications Online Ciprofloxacin 500mg To Buy Propecia Generic Finasteride Hair Growth
Noprescriptiondrugs <a href=http://cialtobuy.com>generic cialis</a> Canada Pharmacy Tadacip 10mg Paypal

#9 Miguceamma

MiguPenjisse

Usuários
11724 posts

Posted 08/10/2017, 19:56

Generic Levitra Professional 20 Mg Levitra Lloyds Pharmacy Donde Comprar Viagra En Sevilla viagra Aurochem Viagra Review Venta Kamagra Entrega
Buy Legit Accutane Cialis Effets Secondaires Forum Viagra Venta Muy Barata generic levitra Legally Levaquin Where To Buy Discount Overnight Shipping Buy Levothyroxine 125 Mcg Zithromax Information
Cialis Et Ulcere buy viagra online Donde Comprar Viagra En Usa Viagra Auswirkungen
Does Amoxicillin Treat Clymidia Cialis Usa Pharmacy Does Generic Viagra Really Exist levitra 40mg bulk prices El Cialis Para Que Sirve

#10 RonsisM

Super Veterano

Usuários
15724 posts

Sexo:Masculino
Localidade:Plovdiv

Posted 09/10/2017, 00:24

Viagra En Ligne Moins Cher Increased Libido Finasteride Propecia cialis Celis Pills Cialis Authentique Prix

#11 Miguceamma

MiguPenjisse

Usuários
11724 posts

Posted 09/10/2017, 01:11

Picrolax levitra in canada discount code Levitra Precio En Farmacia
Buy Viagra Line Cialis En Inde online pharmacy Levitra Acquisto In Contrassegno Acheter Propecia
Canada Branded Viagra Propecia Buy Australia cheap 80 mg vardenafil hcl Viagra Pillen Preis Cialis Et Arythmie

#12 Miguceamma

MiguPenjisse

Usuários
11724 posts

Posted 26/10/2017, 10:41

Ciprofloxacino 500 Mg Dosis Order Doxycycline Geschichte Levitra viagra online pharmacy Viagra Pfizer Tabletten Achat Amoxicillin Tablette Pharmacie Generika Cialis Forum
Mail Order Fluoxetine buy viagra Order Lasix Online Next Day Delivery Acheter Baclofene En France
Colchicine Tablet 0.6 Mg viagra Non Prescription Lithium Cheapest Levitra Professional
Retin A Without Prescription Usa viagra Allergic Itching Due To Amoxicillin Acquista Cialis On Line

#13 sapedlok

24 Horas

Usuários
420 posts

Sexo:Masculino
Localidade:Veley Stream

Posted 27/10/2017, 07:50

Discounts! best product ideas

Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked! If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).

Discounts! beauty product awards

Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).

Discounts! cool product design

Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).