[SOLUCIONADO] Problemas con formulario e imagen

[Eifos]

Buenos Días

Mi duda es la siguiente, actualmente estoy maquetando una pagina web con boostrap, pero en el primer contenedor debo tener un formulario al lado izquierdo y una imagen (futuro banner) al lado derecho.

Tengo un inconveniente debido a que al ver ese diseño en otras resoluciones el form se descuadra y la imagen cambia sus dimensiones quedando con varios espacios en blanco que se ven mal

Adjunto el codigo

Código HTML:

<div class="container-fluid contenedorinicio">
<div class="row-fluid">
 
<div class="span3 forminicio">
  
<form class="form" method="POST" action="solicitud/credito-paso2.php" onsubmit="return validacion1()">
<legend class="tform">SOLICITE SU CRÉDITO</legend>
<!-- input-->
<div class="control-group">
<label class="control-label" for="nominput"><span class="red">*</span>Primer Nombre:</label>
<div class="controls">
<input id="nominput" name="name_first" type="text" placeholder="Digite su primer nombre" class="input-large" required>
</div></div>
 
<!-- input-->
<div class="control-group">
<label class="control-label" for="aplinput"><span class="red">*</span>Primer Apellido:</label>
<div class="controls">
<input id="aplinput" name="name_last" type="text" placeholder="Digite su primer apellido" class="input-large" required>
</div></div>
 
<!-- input-->
<div class="control-group">
<label class="control-label" for="emailinput"><span class="red">*</span>E-Mail:</label>
<div class="controls">
<input id="emailinput" name="email" type="email" placeholder="Digite su Email" class="input-large" required>
</div></div>
 
<!-- input-->
<div class="control-group">
<label class="control-label" for="celinput"><span class="red">*</span>Celular:</label>
<div class="controls">
<input id="celinput" name="obj_4" type="text" placeholder="Digite su numero de celular" class="input-large" maxlength="10" required>
</div></div>
 
<!-- input-->
<div class="control-group">
<label class="control-label" for="inputpais"><span class="red">*</span>Pais:</label>
<div class="controls">
<input id="inputpais" name="obj_5" type="text" readonly value="Valido para Colombia" class="input-large" required>
</div></div>
 
<!-- Select  -->
<div class="control-group">
<label class="control-label" for="laborinput"><span class="red">*</span>Situación Laboral:</label>
<div class="controls">
<select id="laborinput" name="obj_6" class="input-large">
<option value="ninguno">Seleccione</option>
<option value="empleado">Empleado</option>
<option value="pensionado">Pensionado</option>
</select>
<input type="submit" name="sendme"  value="Registrarme"  class="submitform1" title="Click para enviar su solicitud de información" /> 
</div></div>
</form>
</div>
 
<div id="myCarousel" class="carousel slide span9">
<div class="carousel-inner">
<!-- item1 --> 
<div class="active item">
  
<a href="https://www.zonapagos.com/t_libranzaex/pagos.asp" target="_blank"><img src="imagenes/01.main/banner1.png" alt="prestamos de dinero por internet" width="1160" height="596"></a>    
</div>   
</div>   
</div>
</div>
 
</div>
 

y esta es la pagina web : http://www.libranzaexpress.com/

muchas gracias por su tiempo

[Zeromm]

Ese problema se soluciona aprendiendo "RWD" (Responsive Web Design). En google tienes una infinidad de tutoriales sobre el tema ;)

[Eifos]

Iniciado por Zeromm

Ese problema se soluciona aprendiendo "RWD" (Responsive Web Design). En google tienes una infinidad de tutoriales sobre el tema ;)

Pero yo lo estoy haciendo responsive, y he mirado como cuadrarlo con la imagen y siempre tengo resultados negativos para que ,tanto el formulario como el banner tengan la misma altura

[pzin]

Si es por el margen superior, lo pusiste por aquí (libranza.css#52):

Código CSS:

@media screen and (max-width: 1365px) and (min-width: 800px)
  .contenedorinicio #myCarousel {
    margin-top: 8%;
  }
}
 

[Eifos]

Iniciado por pzin

Si es por el margen superior, lo pusiste por aquí (libranza.css#52):

Código CSS:

@media screen and (max-width: 1365px) and (min-width: 800px)
  .contenedorinicio #myCarousel {
    margin-top: 8%;
  }
}
 

Muchas gracias, lo modifique pero no dio resultado :(

[Eifos]

Iniciado por Eifos

Muchas gracias, lo modifique pero no dio resultado :(

Me rendi y acomode el formulario con el banner en todas las resoluciones, gracias por su apoyo