error con el CSS de pago de una página de magento

hola, tengo un problema con un complemento de pago de una página de magento que hace que los bloques se dividan y no da una apariencia limpia y agradable. hay 3 bloques que deben estar uno al lado del otro, ¿alguien puede ayudarme a encontrar el error? Intenté usar firbug pero parece que no puedo hacerlo bien.

la página que necesita ser arreglada: http://www.beaniecaps.nl/index.php/onepagecheckout/

tenga en cuenta que necesita crear una cuenta para ver la página de pago.

gracias por tu ayuda.

preguntado el 03 de diciembre de 13 a las 13:12

3 Respuestas

agregue float: izquierda a esta clase 

#onepagecheckout_orderform .col3-set .col-2, #onepagecheckout_orderform .col3-set .col-1

también elimine ancho: automático de este elemento

<div class="grid_12 col-main" style="/* width: auto; */">

Esto asegurará que utilice todo el ancho de la página.

Respondido el 03 de diciembre de 13 a las 13:12

busca esto en skin/frontend/base/default/css/onepagecheckout.css #onepagecheckout_orderform .col3-set .col-2, #onepagecheckout_orderform .col3-set .col-1 y añade float:left a la misma.

Respondido el 03 de diciembre de 13 a las 13:12

#onepagecheckout_orderform .col3-set .col-1{ancho:27%;margen:0;} #onepagecheckout_orderform .col3-set .col-2{ancho:33%;margen-izquierdo:4%;margen-derecho:0; } #onepagecheckout_orderform .col3-set .col-3{float:right;} #onepagecheckout_orderform #register-customer-password{margin-bottom:5px;} #onepagecheckout_orderform #ship_address_block{margin-top:35px;} ¿dónde debería agregarlo? ? - josmiths

tuve el mismo problema aquí, pero después de hablar con el soporte de IWD, solo fue necesario editar onepagecheckout.css y agregar al final esto 

.grid12-12, .grid-full {
width: 100% !important;
}

espero que esto funcione para ti

¡Salud

Respondido 18 Feb 14, 21:02

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.