Centrar Divs con css Solucion

[Danielwebmas]

Bueno soy nuevo y no se si puedo postear bien aqui

quiero postear como centrar un div con css pero no con position:absolute o fixed y luego restandole la mitad del tamaño y del alto con margins esta es otra manera para centrarlos pero sin tener que usar fixed o absolute es muy sencillo


1. Tenemos dos divs uno llamdo alineador y otro llamado alineado el alineado es el que quedara en el centro

Código HTML:

<div class="alineador"></div>
<div class="alineado"></div> 

2. Ahora el css

Código CSS:

.alineador{
float:left;
width:50%;
height:10px;
background:red;
margin-left:-400px;
}
.alineado{
width: 800px;
height: 400px;
background:blue;
float:left;
}
 

Con esto quedara centrado miren como quedara

[minombreesmm]

orales interesante, sabes en que ando batallando,
como dejar el pie de pagina al final de la pagina, sin que dependa del alto del contenido.
quiero que el pie de pagina donde se pone el copy right permanezca siempre abajo.
que este al final de la pantalla del usuario cuando la altura del contenido es corta y que se desplace hacia abajo cuando es larga.
alguna idea amigo?

[pzin]

minombreesmm si quieres preguntar algo abre un tema nuevo.

Danielwebmas para centrar cualquier elemento de bloque en CSS se suele recurrir a los márgenes automáticos:

Código CSS:

margin: 0 auto;
 

[herzbazi]

coloca el position como
position:relative;
y luego los margenes automaticos como dice nuestro amigo

[pzin]

Iniciado por herzbazi

coloca el position como
position:relative;

La posición relativa no haría falta.

[Danielwebmas]

hola amigos cree un codigo en js que ase ese trabajo el div siempre esta al fondo y sin usar fixed solo absolute lo mejores que no improta si el contenido esta float o como sea el js hace todo lo mejro es que son unas pocas lines miren

primero creaamos un div footer en html como este

Código HTML:

<pieprog id="pieprog"></pieprog>
 

debe estar antes de body y debe estar afuera de toda etiqueta


luego añadimos algo de css noten que debe tener positiion absolute y left 0

Código CSS:

pieprog{width:100%; height:300px; background:black; position:absolute; left:0;}
 

y ahora agregamos el script dodne quieran

Código Javascript:

<script>
window.onresize = window.onload = function pie(){var pie =  document.getElementById("pieprog");pie.style.top = "0";var calculo = eval(document.body.scrollHeight)/eval(100);pie.style.top = eval(document.body.scrollHeight)+eval(calculo)+"px";}
</script>
 

y si tengo 13 años :D esto es facil de aprender

[ArturoGallegos]

Se nota tu edad, hoy día cualquier niño aprende técnicas de antaño y malas practicas con las que cree que es fácil aprender.

Te faltan años de practica y experiencia en campo laboral para que veas que no todo es sencillo.

Usar javascript para poner un simple pie de pagina siempre abajo es una pésima practica, se debe hacer con CSS.

Código HTML:

<div id="mainpage"><div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div></div>
<div id="footer">2013 &copy; Arturo Gallegos</div>
 

Código CSS:

*{margin:0;padding:0;}
html,body{height:100%;}
#mainpage{min-height:100%;}
#mainpage>div{padding-bottom:30px;}
#footer{height:30px;margin-top:-30px;background:#999;}