Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/02/2009, 04:18
kurgari
 
Fecha de Ingreso: febrero-2009
Mensajes: 11
Antigüedad: 15 años, 2 meses
Puntos: 0
Pregunta Alineación de DIVs

Buenos días, justo he empezado a migrar des de las TBALAS a las CSSmediantes las dos partes de "migración sin dolor". Mi problema reside en como alinear DIVs que se encuentren dentro de otro DIV. Concretamente tengo:


Código HTML:
<div class="subcontainer2">
            <div id="v" class="buttonClicked" onmouseover="function1('v')" onmouseout="function2('v')"
                onclick="function3('v')">
                <img id="imgV" src="Resources/imgs/vertical.png" height="100" />
                <div>
                    <label>
                        <strong>Vertical</strong></label></div>
            </div>
            <div id="h" class="buttonNormal" onmouseover="function1('h')" onmouseout="function2('h')"
                onclick="function3('h')">
                <img id="imgH" src="Resources/imgs/horitzontal.png" height="100" />
                <div>
                    <label>
                        <strong>Horizontal</strong></label></div>
            </div>
        </div> 
Que esta dentro de otro DIV que contiene otros 2 como este. El codio CSS que uso es:

Código:
.subcontainer2
{
    width: 500px;
    height: 190px;
    
    margin-top: 5px;
    margin-bottom: 5px;
    
    text-align:center;
    position:relative;
    
    border:1px solid #000;
    background-color:White;
    font-family:Arial;
    font-size:small;
    color:Black;
    text-align:center;
}

.buttonNormal
{
    float:left;
    
	width:110px;
	height:125px;
	
	border:1px solid #000;
	background-color:#E2EBED;
	font-family:Arial;
	font-size:small;
	color:Gray;
	text-align:center;
	
	margin: 20px;
}

.buttonOver
{
    float:left;
    
	width:110px;
	height:125px;
	
	border:1px solid #000;
	background-color:#0066CC;
	font-family:Arial;
	font-size:small;
	color:#DDDDDD;
	text-align:center;
	
	margin: 20px;
}

.buttonClicked
{
    float:left;
    
	width:110px;
	height:125px;
	
	border:1px solid #000;
	background-color:#FF6633;
	font-family:Arial;
	font-size:small;
	color:#DDDDDD;
	text-align:center;
	
	margin: 20px;
}
Mi pregunta es: ¿Como puedo alinear esas dos DIV que se encuentran dentro de "subcontainer2" al centro de la división? Ya que tal y como lo tengo queda a la izquierda.

Muhisimas gracias de antemano.