HTML - poñer dos grupos de elementos en paralelo

   
Vista:

poñer dos grupos de elementos en paralelo

Publicado por dano (1 intervención) el 25/10/2007 16:18:06
hola, estoy empezando a trabajar con páginas web dinámicas. Hasta el momentos mis conocimientos en html son básicos.

necesito buestra ayuda.
Estoy construyendo un formulario para pedirle datos al usuario.

Necesito poner dos div con elementos dentro en paralelo, pero no puedo ponerlos flotando a la derecha, ya que tiene que estar a la izquieda.
Lo que pasa es:

<div class="panel">
<div class="campo">
aki hai textos, chekbox... todos colocados unos a continuación de otros
</div>

<div class="campo">
<div class="campo" style="float:left;">
<div class="campo">
DIV 1aki hai otro div con objetos, todos situados contiguos
</div>
<div class="campo">
DIV 2div con objetos , igual al anterios
</div>
</div>
<div class="panel" style="float:left;margin-left: 2em;">
DIV 3otro div con objetos, este es el que debería estar en paralelos con el anterior
</div>
</div>
</div>

El DIV 1 y DIV 2 están contenidos en un mismo div, que flota a la izquierda. Estes dos div no ocupan la mitad de la pantalla.
Lo que necesito es que el DIV 3 me quede colocado en paralelo, al div contenedor del DIV 1 y DIV 2. Lo que tengo escrito no me funciona me lo pone debajo.
Flotando a la derecha no puedo ponerlo ya que al maximiza la página debe quedar pegado al div contenedor,y al flotarlo a la derecha lo pega al margen derecho.

Espero que puedan ayudarme.



</div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:poñer dos grupos de elementos en paralelo

Publicado por ScriptShow (311 intervenciones) el 31/10/2007 20:38:45
  • ScriptShow se encuentra ahora conectado en el
  • chat de PHP
Saludos,

Prueba con <DIV > y <SPAN>, es una alternativa posible, sobre todo para texto.

<div class="panel" style="width:100%;float:left;margin-left:2em">
<span class="campo">Aqui hay textos, chekbox...</span>
<span class="campo">DIV 1 aqui hay otro div con objetos...</span>
<span class="campo">DIV 2 div con objetos, igual al anterior.</span>
<span class="campo">DIV 3 con objetos, este es...</span>
<span class="campo">DIV 4 con objetos, etc...</span>

Suerte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar