Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/06/2007, 16:28
-thor-
 
Fecha de Ingreso: febrero-2006
Mensajes: 446
Antigüedad: 18 años, 1 mes
Puntos: 3
Como alinear capas?

Como puedo lograr que la parte que dice legend quede en la misma posicion que esta la parte select(en donde dice:seleccionar opciones) y no que legend este mas abajo.

asi se ve la pagina

gracias

este es mi html
la capa fondo:contiene los div internos.
margenes_select:contiene la parte de select
margenes_input:contiene las cajas de texto.
Código PHP:
<form action='#' method='post' id='formu'>
<
div class='fondo'><!-- comienzo clase fondo -->
<
div id='margenes_select'><!-- comienzo div margenes_select -->
<
fieldset>
<
legend>Seleccionar opciones</legend>
<
select name='opciones'>
<
option selected='selected' label='none' value='none'>
none
</option>
<
optgroup label='parte 1'>
<
option label ='opcion1' value='opcion1'>opcion1</option>
<
option label ='opcion2' value='opcion2'>opcion2</option>
<
option label ='opcion3' value='opcion3'>opcion3</option>
</
optgroup>
</
select>
</
fieldset>
</
div><!-- fin div margenes_select -->


<
div id='margenes_input'><!-- comienzo div margenes_input -->
<
fieldset>
<
legend>Legend</legend>
<
div id='cajastexto'><!-- comienzo div cajastexto -->
<
p>
<
label for='codigo'>texto</label><input type='text' name='codigo' id='codigo' style='margin-left:6px;'/>
</
p>

<
p>
<
label for='poblacion'>texto</label><input type='text' name='poblacion' id='poblacion' style='margin-left:17px;'/>
</
p>
</
div><!-- fin div cajastexto -->

<
div id='cajastextarea'><!-- comienzo div cajastextarea -->
<
p>
<
label for='comentario'>textarea</label><textarea name='comentario' id='comentario' rows='4' cols='15' style='margin-left:5px;'>
</
textarea>
</
p>
<
input type='submit' value='Enviar' id='enviar' title='boton de envio'/>
</
div><!-- fin div cajastextarea -->
</
fieldset>
</
div><!-- fin div margenes_input -->


</
div><!-- fin clase fondo -->
</
form
este es mi css

Código PHP:
.fondo
{
margin-left:30px;
width:730px;
height:400px;
}

#margenes_input
{
font-size:10pt;
margin-top:10px;
margin-left:20px;
margin-right:280px;
}

#margenes_select
{
font-size:10pt;
margin-top:10px;
margin-left:480px;
margin-right:20px;
}

#cajastexto
{
float:left;
width:50%;
}

#cajastextarea
{
float:right;
width:50%;