elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
07 Octubre 2008, 08:33  



+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderadores: дٳŦ٭, Red Mx)
| | |-+  Problema CSS y colocación dinámica de divs
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Imprimir
Autor Tema: Problema CSS y colocación dinámica de divs  (Leído 151 veces)
H4RR13R

Desconectado Desconectado

Mensajes: 1.113


Pienso.. luego existo


Ver Perfil WWW
Problema CSS y colocación dinámica de divs
« en: 03 Febrero 2008, 00:20 »

wenas gente! resulta que tengo un problemilla hablando de divs, mirad, quiero conseguir esto con divs, de manera centrada, que se puedan colocar capas al lado de otras, solo se puede hacer de manera absoluta, pero si lo hago de manera absoluta solo puedo hacer de tener la pagina a la izquierda, y la gracia es tenerla centrada...



eso es lo que quiero! :P, pero no me resulta posible, he probado con relativa y todo lo k he podido pero.. :S

gracias de antemano!!
En línea


mi frase: Un hacker no dice lo que sabe un lammer no sabe lo que dice
Nakp

Desconectado Desconectado

Mensajes: 2.853


The sound of music ñ_ñ


Ver Perfil WWW
Re: Problema CSS y colocación dinámica de divs
« Respuesta #1 en: 03 Febrero 2008, 01:55 »

no muchacho... i-ma-gi-na-ción



tiene un ancho definido? pues... la centramos así, uso id's ;)

Código
#principal{
position:absolute;
width:800px; //ejemplo eh ;)
margin-left:50%; //la mandamos al centro :D
left:-400px; // le restamos la mitad y queda centrada!
}

use este método porque así se centran verticalmente las div ::)

acordate que si las de adentro tienen un borde distinto de 0 vas a tener que aumentar el tamaño de la div principal

salu2
En línea


SirLanceCC

Desconectado Desconectado

Mensajes: 1.059


Equipo de Traducción


Ver Perfil WWW
Re: Problema CSS y colocación dinámica de divs
« Respuesta #2 en: 03 Febrero 2008, 16:02 »

no muchacho... i-ma-gi-na-ción


:laugh: :laugh: :laugh: :laugh: :laugh:

Yo lo hago de una manera diferente:
Código
<div id="contenedor">
 
<div id="cabecera"></div>
 
<div id="clear"></div>
 
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
 
<div id="clear"></div>
 
<div id="pie"></div>
 
<div>
 
Código
#contenedor{
width:800px;
margin auto;
}
 
#clear{
clear:both;
}
 
#cabecera{
width:100%;
}
 
#div1{
width:30%;
float:left;
}
 
#div2{
width:30%;
float:left;
}
 
#div3{
width:40%;
float:left;
}
 
#pie{
width: 100%
}
 

Esa es la idea... aunque técnicamente no debería haber dos elementos con la misma id (clear)... habría que usar clases ;)
En línea

Páginas: [1] Ir Arriba Imprimir 
Ir a:  







Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

hard-h2o modding    Foros de ayuda    Yashira.org    Videojuegos    indetectables.net   

Noticias Informatica    Seguridad Informática    ADSL    Foros en español    eNYe Sec

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC
Free counter and web stats