Centrar columnas o como se llamen

Citar

Escrito el 06 Abr 2006 04:20 am

Hola, soy de México, quiero saber si hay una forma facil de hacer que por ejemplo si tengo tres columnas, darle tamaños definidos, o lo que nesecite para centrar las tres columnas y aunque maximize la ventana se vean en el centro sun que se reajusten a la pantalla, da la mala suerte de que no se programar asi como ustedes lo hablan, en puro código, solo pues puedo usar el dreamweaver y asi puedo facilmente, pero no puedo ver con facilidad como hacer eso, si no entienden, sorry por no explicarme bien y respondan aqui porfavor.... >_>

Por Monrow

1 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 06 Abr 2006 04:27 am

te recomiendo pasar por la seccion tutoriales y ver los codigos de XHTML + CSS

tip:
crea un div contenedor con un ancho que abarque las 3 columnas con sus respectivos margenes entre ellas, ese contenedor tendra un codigo css similar a este:

Código :

#contenedor{
  margin:0 auto; //auto hace que se centre
  padding:0;
  width:770px; ancho máximo del div
}

saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino Team Cristalab

Envíale un mensaje privado

Claber de baja indefinida

@maikelsalazar

Citar

Escrito el 07 Abr 2006 02:49 am

Hmm eso estaba pensando, ayer que le estuve probando cosas, se puede meter esas columnas en una div que sea de tamaño no definido, sino que sea hmm con porcentajes?

Por Monrow

1 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 07 Abr 2006 01:18 pm

si, porcentajes, centimetros, milimetros, ems, pixeles, puedes utilizar muchas escalas para darles un espacio a tus divs...

Por jaimoco

299 de clabLevel

Genero:Masculino

Envíale un mensaje privado

choya bay , mexico

Citar

Escrito el 08 Abr 2006 04:29 pm

podes hacerlo asi

Código :

<body>
<div id="contenedor">
   <div id="izq"></div>
   <div id="centro"></div>
   <div id="der"></div>
</div>
</body>

y luego poner este css

Código :

body{
   margin:0;
   padding:0;
   text-align:center;
}
#contenedor{
  margin:auto;
  width:750px;
  text-align:left;
}

#izq {
   width:200px;
}

#centro{
  width:500px;
}

#der{
  width:50px;
}

salu2

Por 3w

145 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Centrar columnas o como se llamen

Escribe una respuesta rapida