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
Cita:
* {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;
}