Comunidad de diseño web y desarrollo en internet online

div centrada en dreamwever

Citar            
MensajeEscrito el 02 Jul 2006 08:11 pm
Como hago una div centrada en dreamwever que tenga un div centrado y de un tamaño determinado (digamos 800 pixeles de ancho)

Saludos!

Por WEREW0LF

769 de clabLevel

4 tutoriales
1 articulo
1 ejemplo

 

Buenos Aires - Argentina

firefox
Citar            
MensajeEscrito el 02 Jul 2006 08:36 pm

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

firefox
Citar            
MensajeEscrito el 03 Jul 2006 03:40 am
y porqué terminó aca? *no entiende

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

firefox
Citar            
MensajeEscrito el 03 Jul 2006 07:02 am
margin: 0 auto;

:| revisar bien antes de postear una solucion :|

Por PhenfiX

9 de clabLevel



 

opera
Citar            
MensajeEscrito el 03 Jul 2006 02:55 pm
Phenfix, así como te lo ha marcado el bofh, checa tu solución antes de postearla

werewolf, dudo que dreamweaver pueda hacer eso, te recomiendo ir dejando de depender tanto de él, cuando lo tenía al último lo usaba sólo en modo edición, por eso es que cambié por php editor 2006. dreamweaver NO te va a hacer válido tu sitio si lo desarrollas 100% en css, pues las hojas de estilo no son cosa fácil y dreamweaver se queda corto. por el otro lado, te hago una cordial invitación a buscar antes de postear, pues una búsqueda en google de css+centrar manda como primer resultado a un tutorial de cristalab.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 03 Jul 2006 08:49 pm
Como ya te lo dijo don enojón, no lo vas a poder hacer en Dreamweaver por que creo que no tiene esa opción, pero si le puedes añadir a la clase que usas los siguientes valores.

div#tudiv {
width:800px; /* ancho del div */
left:50%;
margin-left:-400px; /* la mitad del ancho del div */
}

Eso centrará tu div en cualquier navegador, aunque lo más correcto sería:

div#tudiv{
width:800px;
margin-left:auto;
margin-right:auto;
}

Quedando así:

<div class="tudiv">Contenido centrado</div>

PD Solo usa una de las dos

Por PhenfiX

9 de clabLevel



 

opera
Citar            
MensajeEscrito el 03 Jul 2006 10:13 pm
ya me esta andando, vean:

www.weremsoft.com.ar

Gracias a todos.

Por WEREW0LF

769 de clabLevel

4 tutoriales
1 articulo
1 ejemplo

 

Buenos Aires - Argentina

firefox
Citar            
MensajeEscrito el 05 Jul 2006 11:37 pm
Otra opción , que es la que yo utilizo:

div.tudiv {
width: 800px;
margin: 0 auto;
}

<div class="tudiv">Contenido....</div>

Por taiji

2 de clabLevel



Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 05 Jul 2006 11:42 pm

taiji escribió:

Otra opción , que es la que yo utilizo:

Código :

div.tudiv {
width: 800px;
margin: 0 auto;
}
Con esta te ahorras tiempo, código, peso, ancho de banda y dinero... es lo mejor usarlo así.

Código :

margin: 0px auto;
equivale a:

Código :

margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;


Éxito!

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 15 Jul 2006 11:46 am

Esta opción la ví en infectedfx.net

Código :

<div id="Contenido">
  <p>
  <img src="imagen.jpg" alt="image" width="170" height="260" />
  </p>
</div>


Código :

body {
   padding:0px;
   margin:0px;
}
#Contenido {
   position:absolute;
   height:300px;
   width:200px;
   margin:-150px 0px 0px -100px;
   top: 50%;
   left: 50%;
   border: 0px;
   overflow: auto;
}

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

firefox
Citar            
MensajeEscrito el 18 Jul 2006 03:24 pm
<div style="position:absolute; width:100; height:20; left: 11px; top: 45px;" align="center" class="divv" id="divv">
</div>

Por veny

3 de clabLevel



Genero:Femenino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.