Descuadre de fondo pagina web Chrome, Firefox e IE.

[venenorosa]

Buenos dias,

He terminado el diseño we de una pagina, pero tengo un problema para cuadrar el BG de la web con el footer.


http://www.get-cheap-loans.co.uk/FML/Default_v2.html


En Chrome se ve bien, pero en Fire fox y IE descuadra, alguien sabe como puedo solucionar esto?

GRACIAS

Os dejo el CSS, si hace falta el HTML pedirmelo

* {margin: 0; padding: 0;}

body,td,th {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #292929;
background-image: url(images/Untitled-1.png) ;
background-repeat: repeat-x
}

div {
float:left;
width:100%;
}

.h1 {
font-size: 26px;
text-align: right;
margin-top: 12%;
width: 80%;
margin-left: 17%;
font-weight: normal;
margin-bottom: 0px;
}

h2 {font-size: none;
color:none;
font-weight:none;
text-decoration:none;
text-align:none;}

h3 {
font-size: 14px;
color: none;
font-weight: none;
text-decoration: none;
text-align: none;
margin-left: 1.5%;
margin-top: 0.1%;
}

.textTwhite {
color: #ffffff

}

.textTpink {
color: #ff2b5a

}


.textWhite{
color: #000000;
font-weight: 700
}


.cB {
clear: both;
font-size: 0;
line-height: 0;
}

img {
display: block;


}


.container{
width: 960px;
margin:auto; float:none}

/* SUBMIT BUTTON */


.submite1 {
margin-top:10%;
margin-left:3.5%}


input[type=submit] {
background: transparent url(images/life-insurance-find-quote-FML-button.png) 0 0 no-repeat;

display: inline-block;
text-align: center;
cursor: pointer;
height: 70px; /* height of the background image */
width: 350px; /* width of the background image */
border: none;

}


input[type=submit]:hover {
background: transparent url(images/life-insurance-find-quote-FML-button-overtrue.png) 0 0 no-repeat;
}


input[type=submit]:active {
background: transparent url(images/life-insurance-find-quote-FML-button-over.png) 0 0 no-repeat;
}


/*FORM*/


.fromfilling {
width: 100%;
height: 105%;

}

.row3right {

background: transparent url(images/bg_form.png) no-repeat ;
height:498px;
margin-top:3.4%;
width: 37%;
margin-left:5%

}

.row3right p {
font-size: 12px;
color: #FFFFFF;
text-align: right;
margin-top: 7%;
margin-right:5%}


.formtextdiv { width:31%}

.fromrowp {
width:67.5%;
height: 25px; }

.formrowimage {

background: transparent url(images/row_form_FML.png) no-repeat ;
width:95%;
margin-left:4%;
margin-top:2%}


.formrow2text {
text-align: right;
font-size: 16px;
width: 80%;
margin-left: 17%;
margin-bottom: 0%;
}

.formtext {
color: #FFFFFF;
font-size: 10px;
width: 90%;
margin-left: 6%;
margin-top: 2.5%;
}


.rows {
margin-top: 7.7%
}

/*END FORM*/





.row2{

background:#FFFFFF;


}

.row2_1{
float: left;
margin-top:3.5px;
margin-bottom:3.5px;
margin-left:15px;
}


.row2_1r{
float: right;
font-size: 11px;
padding-top: 1%;
margin-right: 15px;
width: 70%;
text-align: right;
}


.row2_2 {
background: transparent url(images/bg2_green.png) no-repeat;
height: 18px;
color: #ffffff;
font-size: 14px;



}

.row2_2text {
margin-left: 15px;
margin-left: 1.5%;
margin-top: 0.1%;
font-size: 12px;


}

.specialspan {font-weight: 400}


.row3 {
background: transparent url(images/Life-insurance-just-6-per-month-bg.png) no-repeat ;
height: 529px;


}

.row3textmid {
text-align: right;
width: 40%;
margin-top: 19.4%;
margin-left: 16.5%

}

.row3textmidspan1 {
font-size: 30px;
margin-top: 9.5%;
}

.row3textmidspan2 {

font-size: 27px;
font-weight: 100}






/* arrows */

.arrowred {
width:100% ;
margin-bottom:2%;


}

.arrowred div {
width: 33.33%;

}

.div_33

{
width: 33.33%;
margin-top:2%}

.div_66

{
width: 66.66%;

}

.div_33 p {
margin-left: 23%;
font-size: 18px

}

.arrowred p {
font-size: 14px;
margin-top: 3%;
text-align: center;

}
.arrowred_div1 {

margin-left:22%;
margin-top:10%;
}

.arrowred_div2 {
margin-left:18%;
margin-top:10%;
}

.arrowred_div3 {
margin-top:none;
margin-left:18%;

}


.row6_brands {
background: #f7f7f7;
margin-top:1%}



/* Grey */

.row7_whyus {
margin-top: 40px;
margin-bottom: 80px;
background-color: #f7f7f7;


}
.row7_easytouse {
width: 33.33%;

}

.row7_easytouse img {

margin-left: 33%;
margin-top:5%
}
.row7_easytouse p {
font-size: 27px;
text-align: center;

}





.row7_easytouse span{
font-size: 14px;
text-align: center;

}



/* END Grey */


/* footer */
.redbot {
background: transparent url(images/redbot.png) no-repeat;
height:38px;
font-weight: bold;
font-size: 26px;
text-align: center;
line-height:140%;
color: #FFFFFF
}
.redbot a {
color: #FFFFFF;
text-decoration: none;

}

.redbot a:hover {
text-decoration:underline;
}


.footer {
background-color: #57cacf;

}

.footer1 {
width: 196px;
margin-left: 15px;
text-align: justify;

}

.footer2 {
float: right;
width: 700px;
font-size: 10px;
line-height: 100%;
margin-right: 15px;
margin-top: 32px
}

.footer2 span {
text-align: right;
color: #000000;
font-size: 12px;
}

[tanatos_neon]

Hola.

El problema te ocurre porque cada navegador interpreta las fuentes de una manera, asique el interlineado se descuadra.

Solución rapida

Código HTML:

.row7_whyus {
    margin-top: 40px;
    margin-bottom: 80px;
    background-color: #F7F7F7;
    height: 257px;
}

.arrowred {
    width: 100%;
    margin-bottom: 2%;
    height: 222px;
}

A mi me ha funcionado con tu url.

La opción correcta seria fabricar el footer por separado. No dentro de .row2

[venenorosa]

THANK YOU!!

HE PERDIDO TODO EL DIA DE AYER PROBANDO Y PROBANDO!!!

Te debo una! BIEN GRANDE!