• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 471
  • Last Modified:

CSS Problem

Dear All,
    Please help me urgent in my website css file the label and input field text are moved from right to left in IE7 see the link
http://rabegh-municipality.gov.sa/testsite/index.php?option=com_content&view=category&layout=blog&id=30&Itemid=27
0
pixarksa
Asked:
pixarksa
  • 6
  • 5
1 Solution
 
Tom BeckCommented:
Not seeing what you are describing in IE7. IE6 is not right though.
IE6-IE7.jpg
0
 
pixarksaAuthor Commented:
tommyBoy thanks but i don't understand what you mean. see the link the form in the page has bugs in css the fields snd label moved to left.
0
 
Tom BeckCommented:
I see it now. I thought you were referring to the input at the top right of the page.
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
pixarksaAuthor Commented:
 This is the problem in IE7This is the problem in IE7
0
 
pixarksaAuthor Commented:
This is the correct css in firfox This is the correct css in firfox
0
 
pixarksaAuthor Commented:
Css File

/*
 ########## BreezingForms 1.7.1 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2010 crosstec.de. All rights reserved.
 ########################################
*/

/* ##### General BreezingForms Default styles ##### */

.bfQuickMode {
    width: 100%;
    padding: 0px;
    margin: 0px;
      border:1px solid #93F;
}

form.bfQuickMode div.bfFieldset-l{
float:right; margin:auto; padding:0px;
}

form.bfQuickMode div.bfFieldset-r{
float:right; margin:auto; padding:0px;
}

form.bfQuickMode div.bfFieldset-m{
float:right; margin:auto; padding:0px;
}

form.bfQuickMode button.bfFadingClass{text-align:right; float:right; margin:auto; padding:0px;  width:55px; height:27px;}

form.bfQuickMode button.bfFadingClass span{ background:none; text-align:right; float:right; padding:0px 7px 0px 0px; margin:auto; vertical-align:bottom;}
span.bfLegend-r{
background:none;}

span.bfLegend-m{
background:none;}

fieldset#talabtype{float:right; margin:auto; padding:12px; width:530px;  }
span#bfElemWrap149{float:right; margin:auto; padding:0px;height:15px; width:599px;}
form.bfQuickMode .bfFadingClass{padding:0px 9px 0px 0px;}
form.bfQuickMode legend span{ background:none; background-image:none;}

form.bfQuickMode span.bfElemWrap{ background:none; float:right; margin:auto; padding:0px 7px 0px 0px;
height:27px;}

fieldset#bfBlock{
      float:right;
      margin:auto;
      padding:0px;
      border:1px solid #0C0;
}

span#ff_elem2249, #ff_elem2250, #ff_elem2251, #ff_elem2252, #ff_elem2253, #ff_elem2254, #ff_elem2255, #ff_elem2256, #ff_elem2257, #ff_elem2258, #ff_elem2259, #ff_elem2260, #ff_elem2261, #ff_elem2262, #ff_elem2277{ float:right; margin:auto; padding:0px; width:130px; background:none;}

label#bfLabel2249, #bfLabel2250, #bfLabel2251, #bfLabel2252, #bfLabel2253, #bfLabel2254, #bfLabel2255, #bfLabel2256, #bfLabel2257, #bfLabel2258, #bfLabel2259, #bfLabel2260, #bfLabel2261, #bfLabel2262{float:right; margin:auto; padding:0px; width:130px;}


span#ff_elem2291{background:none; float:right; margin:auto; padding:0px;}

span#ff_elem2291 label#bfLabel2291{float:right; margin:auto; padding:0px;}

form#ff_form13 span{background:none; background-image:none;}

span#bfElemWrap190{float:right; margin:auto; padding:0px; width:280px;}
span#bfElemWrap190 label#bfLabel190{float:right; margin:auto; padding:0px;  width:109px;}
span#bfElemWrap190 input{width:145px; }


span#bfElemWrap191{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap191 label#bfLabel191{float:right; margin:auto; padding:0px; width:49px;  }
span#bfElemWrap191 input{width:73px; }

span#bfElemWrap192{float:right; margin:auto; padding:0px; width:210px;}
span#bfElemWrap192 label#bfLabel192{float:right; margin:auto; padding:0px; width:105px;  }
span#bfElemWrap192 input{width:77px; }


span#bfElemWrap385{float:right; margin:auto; padding:0px; width:280px;}
span#bfElemWrap385 label#bfLabel385{float:right; margin:auto; padding:0px; width:109px;}
span#bfElemWrap385 input{width:145px; }

span#bfElemWrap386{float:right; margin:auto; padding:0px; width:117px;  }
span#bfElemWrap386 label#bfLabel386{float:right; margin:auto; padding:0px; width:49px; }
span#bfElemWrap386 input{width:73px; }

span#bfElemWrap387{float:right; margin:auto; padding:0px; width:187px;}
span#bfElemWrap387 label#bfLabel387{float:right; margin:auto; padding:0px; width:99px;  }
span#bfElemWrap387 input{width:77px; }



span#bfElemWrap388{float:right; margin:auto; padding:0px; width:130px;  }
span#bfElemWrap389{float:right; margin:auto; padding:0px; width:146px; }
span#bfElemWrap390{float:right; margin:auto; padding:0px; width:130px; }
span#bfElemWrap391{float:right; margin:auto; padding:0px; width:200px;}

span#bfElemWrap2042{float:right; margin:auto; padding:0px; width:130px;  }
span#bfElemWrap2043{float:right; margin:auto; padding:0px; width:151px;  }
span#bfElemWrap2044{float:right; margin:auto; padding:0px; width:130px;   }
span#bfElemWrap2045{float:right; margin:auto; padding:0px; width:200px;  }


/*---------------------------------------*/
span#bfElemWrap2325{float:right; margin:auto; padding:0px; width:190px;   }
span#bfElemWrap2325 label#bfLabel2325{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2325 input{width:99px; }

span#bfElemWrap2326{float:right; margin:auto; padding:0px; width:158px;  }
span#bfElemWrap2326 label#bfLabel2326{float:right; margin:auto; padding:0px; width:85px; }
span#bfElemWrap2326 input{width:55px; }

span#bfElemWrap2327{float:right; margin:auto; padding:0px; width:230px;    }

span#bfElemWrap2328{float:right; margin:auto; padding:0px; width:189px;      }
span#bfElemWrap2328 label#bfLabel2328{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2328 input{width:99px; }


span#bfElemWrap2329{float:right; margin:auto; padding:0px; width:158px;  }
span#bfElemWrap2329 label#bfLabel2329{float:right; margin:auto; padding:0px; width:83px; }
span#bfElemWrap2329 input{width:55px; }

span#bfElemWrap2332{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap2332 label#bfLabel2332{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap2332 input{width:40px; }

span#bfElemWrap2333{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap2333 label#bfLabel2333{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap2333 input{width:30px; }


span#bfElemWrap2330{float:right; margin:auto; padding:0px; width:190px;   }
span#bfElemWrap2330 label#bfLabel2330{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2330 input{width:99px; }

span#bfElemWrap2335{float:right; margin:auto 150px auto auto; padding:0px; width:177px; }
span#bfElemWrap2335 label#bfLabel2335{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap2335 input{width:40px; }

span#bfElemWrap2331{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap2331 label#bfLabel2331{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap2331 input{width:30px; }

span#bfElemWrap2467{float:right; margin:auto; padding:0px; width:170px;   }
span#bfElemWrap2467 label#bfLabel2467{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap2467 input{width:68px; }

span#bfElemWrap2468{float:right; margin:auto; padding:0px; width:182px;   }
span#bfElemWrap2468 label#bfLabel2468{float:right; margin:auto; padding:0px; width:97px;  }
span#bfElemWrap2468 input{width:79px; }

span#bfElemWrap2337{float:right; margin:auto; padding:0px; width:167px;    }
span#bfElemWrap2337 label#bfLabel2337{float:right; margin:auto; padding:0px;  width:105px; }
span#bfElemWrap2337 input{width:40px; }

span#bfElemWrap2336{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap2336 label#bfLabel2336{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap2336 input{width:30px; }


/*---------------------------------------*/
span#bfElemWrap592{float:right; margin:auto; padding:0px; width:190px;   }
span#bfElemWrap592 label#bfLabel592{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap592 input{width:99px; }

span#bfElemWrap593{float:right; margin:auto; padding:0px; width:158px;  }
span#bfElemWrap593 label#bfLabel593{float:right; margin:auto; padding:0px; width:85px; }
span#bfElemWrap593 input{width:55px; }

span#bfElemWrap594{float:right; margin:auto; padding:0px; width:190px;    }

span#bfElemWrap595{float:right; margin:auto; padding:0px; width:189px;      }
span#bfElemWrap595 label#bfLabel595{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap595 input{width:99px; }


span#bfElemWrap596{float:right; margin:auto; padding:0px; width:158px;  }
span#bfElemWrap596 label#bfLabel596{float:right; margin:auto; padding:0px; width:83px; }
span#bfElemWrap596 input{width:55px; }

span#bfElemWrap597{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap597 label#bfLabel597{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap597 input{width:40px; }

span#bfElemWrap598{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap598 label#bfLabel598{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap598 input{width:30px; }


span#bfElemWrap599{float:right; margin:auto; padding:0px; width:190px;   }
span#bfElemWrap599 label#bfLabel599{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap599 input{width:99px; }

span#bfElemWrap600{float:right; margin:auto 150px auto auto; padding:0px; width:177px; }
span#bfElemWrap600 label#bfLabel600{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap600 input{width:40px; }

span#bfElemWrap601{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap601 label#bfLabel601{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap601 input{width:30px; }

span#bfElemWrap602{float:right; margin:auto; padding:0px; width:170px;   }
span#bfElemWrap602 label#bfLabel602{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap602 input{width:68px; }

span#bfElemWrap603{float:right; margin:auto; padding:0px; width:182px;   }
span#bfElemWrap603 label#bfLabel603{float:right; margin:auto; padding:0px; width:97px;  }
span#bfElemWrap603 input{width:79px; }

span#bfElemWrap604{float:right; margin:auto; padding:0px; width:167px;    }
span#bfElemWrap604 label#bfLabel604{float:right; margin:auto; padding:0px;  width:105px; }
span#bfElemWrap604 input{width:40px; }

span#bfElemWrap605{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap605 label#bfLabel605{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap605 input{width:30px; }

/*-----------------------------------*/

span#bfElemWrap1771{float:right; margin:auto; padding:0px; width:220px;    }
span#bfElemWrap1771 label#bfLabel1771{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap1771 input{width:99px; }


span#bfElemWrap1772{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap1772 label#bfLabel772{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap1772 input{width:40px; }

span#bfElemWrap1773{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap1773 label#bfLabel773{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap1773 input{width:30px; }

span#bfElemWrap1774{float:right; margin:auto; padding:0px; width:213px;   }
span#bfElemWrap1774 label#bfLabel774{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap1774 input{width:99px; }

span#bfElemWrap1775{float:right; margin:auto; padding:0px; width:177px; }
span#bfElemWrap1775 label#bfLabel775{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap1775 input{width:40px; }

span#bfElemWrap1776{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap1776 label#bfLabel776{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap1776 input{width:30px; }

span#bfElemWrap1777{float:right; margin:auto 214px auto auto; padding:0px; width:167px;    }
span#bfElemWrap1777 label#bfLabel777{float:right; margin:auto; padding:0px;  width:105px; }
span#bfElemWrap1777 input{width:40px; }

span#bfElemWrap1778{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap1778 label#bfLabel1778{float:right; margin:auto; padding:0px; width:56px; }
span#bfElemWrap1778 input{width:30px; }
/*-----------------------------------*/

span#bfElemWrap2046{float:right; margin:auto; padding:0px; width:220px;    }
span#bfElemWrap2046 label#bfLabel2046{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2046 input{width:99px; }


span#bfElemWrap2047{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap2047 label#bfLabel2047{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap2047 input{width:40px; }

span#bfElemWrap2048{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap2048 label#bfLabel2048{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap2048 input{width:30px; }

span#bfElemWrap2049{float:right; margin:auto; padding:0px; width:213px;   }
span#bfElemWrap2049 label#bfLabel2049{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2049 input{width:99px; }

span#bfElemWrap2050{float:right; margin:auto; padding:0px; width:177px; }
span#bfElemWrap2050 label#bfLabel2050{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap2050 input{width:40px; }

span#bfElemWrap2051{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap2051 label#bfLabel2051{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap2051 input{width:30px; }

span#bfElemWrap2052{float:right; margin:auto 214px auto auto; padding:0px; width:167px;    }
span#bfElemWrap2052 label#bfLabel2052{float:right; margin:auto; padding:0px;  width:113px; }
span#bfElemWrap2052 input{width:40px; }

span#bfElemWrap2053{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap2053 label#bfLabel2053{float:right; margin:auto; padding:0px; width:56px; }
span#bfElemWrap2053 input{width:30px; }

span#bfElemWrap2054{float:right; margin:-5px 210px auto auto; padding:0px; width:257px; }
span#bfElemWrap2054 label#bfLabel2054{float:right; margin:auto; padding:0px; width:117px; }
span#bfElemWrap2054 input{width:99px; }

/*-----------------------------------*/

span#bfElemWrap2055{float:right; margin:auto; padding:0px; width:220px;    }
span#bfElemWrap2055 label#bfLabel2055{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2055 input{width:99px; }


span#bfElemWrap2056{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap2056 label#bfLabel2056{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap2056 input{width:40px; }

span#bfElemWrap2057{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap2057 label#bfLabel2057{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap2057 input{width:30px; }

span#bfElemWrap2058{float:right; margin:auto; padding:0px; width:213px;   }
span#bfElemWrap2058 label#bfLabel2058{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2058 input{width:99px; }

span#bfElemWrap2059{float:right; margin:auto; padding:0px; width:177px; }
span#bfElemWrap2059 label#bfLabel2059{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap2059 input{width:40px; }

span#bfElemWrap2060{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap2060 label#bfLabel2060{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap2060 input{width:30px; }

span#bfElemWrap2061{float:right; margin:auto 214px auto auto; padding:0px; width:167px;    }
span#bfElemWrap2061 label#bfLabel2061{float:right; margin:auto; padding:0px;  width:113px; }
span#bfElemWrap2061 input{width:40px; }

span#bfElemWrap2062{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap2062 label#bfLabel2062{float:right; margin:auto; padding:0px; width:54px; }
span#bfElemWrap2062 input{width:30px; }

span#bfElemWrap2063{float:right; margin:-5px 210px auto auto; padding:0px; width:279px; }
span#bfElemWrap2063 label#bfLabel2063{float:right; margin:auto; padding:0px; width:116px; }
span#bfElemWrap2063 input{width:99px; }
/*----------------------------------*/

span#bfElemWrap2150{float:right; margin:auto; padding:0px; width:220px;    }
span#bfElemWrap2150 label#bfLabel2150{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2150 input{width:99px; }


span#bfElemWrap2151{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap2151 label#bfLabel2151{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap2151 input{width:40px; }

span#bfElemWrap2152{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap2152 label#bfLabel2152{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap2152 input{width:30px; }

span#bfElemWrap2153{float:right; margin:auto; padding:0px; width:213px;   }
span#bfElemWrap2153 label#bfLabel2153{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2153 input{width:99px; }

span#bfElemWrap2154{float:right; margin:auto; padding:0px; width:177px; }
span#bfElemWrap2154 label#bfLabel2154{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap2154 input{width:40px; }

span#bfElemWrap2155{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap2155 label#bfLabel2155{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap2155 input{width:30px; }

span#bfElemWrap2156{float:right; margin:auto 214px auto auto; padding:0px; width:167px;    }
span#bfElemWrap2156 label#bfLabel2156{float:right; margin:auto; padding:0px;  width:113px; }
span#bfElemWrap2156 input{width:40px; }

span#bfElemWrap2157{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap2157 label#bfLabel2157{float:right; margin:auto; padding:0px; width:54px; }
span#bfElemWrap2157 input{width:30px; }

span#bfElemWrap2158{float:right; margin:auto; padding:0px; width:243px;}
span#bfElemWrap2158 label#bfLabel2158{float:right; margin:auto; padding:0px; width:116px; }
span#bfElemWrap2158 input{width:99px; }

span#bfElemWrap2159{float:right; margin:auto; padding:0px; width:159px; }
span#bfElemWrap2159 label#bfLabel2159{float:right; margin:auto; padding:0px; width:69px; }
span#bfElemWrap2159 input{width:49px; }

span#bfElemWrap2160{float:right; margin:auto; padding:0px; width:199px; }
span#bfElemWrap2160 label#bfLabel2160{float:right; margin:auto; padding:0px; width:76px; }
span#bfElemWrap2160 input{width:99px; }
/*----------------------------------*/

span#bfElemWrap2161{float:right; margin:auto; padding:0px; width:220px;    }
span#bfElemWrap2161 label#bfLabel2161{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2161 input{width:99px; }


span#bfElemWrap2162{float:right; margin:auto; padding:0px; width:172px;    }
span#bfElemWrap2162 label#bfLabel2162{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap2162 input{width:40px; }

span#bfElemWrap2163{float:right; margin:auto; padding:0px; width:93px;   }
span#bfElemWrap2163 label#bfLabel2163{float:right; margin:auto; padding:0px; width:43px; }
span#bfElemWrap2163 input{width:30px; }

span#bfElemWrap2164{float:right; margin:auto; padding:0px; width:213px;   }
span#bfElemWrap2164 label#bfLabel2164{float:right; margin:auto; padding:0px; width:68px; }
span#bfElemWrap2164 input{width:99px; }

span#bfElemWrap2165{float:right; margin:auto; padding:0px; width:177px; }
span#bfElemWrap2165 label#bfLabel2165{float:right; margin:auto; padding:0px; width:115px; }
span#bfElemWrap2165 input{width:40px; }

span#bfElemWrap2166{float:right; margin:auto; padding:0px; width:98px; }
span#bfElemWrap2166 label#bfLabel2166{float:right; margin:auto; padding:0px; width:45px; }
span#bfElemWrap2166 input{width:30px; }

span#bfElemWrap2167{float:right; margin:auto 274px auto auto; padding:0px; width:167px;    }
span#bfElemWrap2167 label#bfLabel2167{float:right; margin:auto; padding:0px;  width:113px; }
span#bfElemWrap2167 input{width:40px; }

span#bfElemWrap2168{float:right; margin:auto; padding:0px; width:98px;    }
span#bfElemWrap2168 label#bfLabel2168{float:right; margin:auto; padding:0px; width:54px; }
span#bfElemWrap2168 input{width:30px; }

span#bfElemWrap2169{float:right; margin:-25px auto auto auto; padding:0px; width:262px; height:44px;}
span#bfElemWrap2169 label#bfLabel2169{float:right; margin:auto; padding:0px 0px 5px 0px; width:106px; }
span#bfElemWrap2169 label{width:33px;}
/*----------------------------------*/

span#bfElemWrap662{float:right; margin:auto; padding:0px; width:230px;   }
span#bfElemWrap662 label#bfLabel662{float:right; margin:auto; padding:0px; width:85px;  }
span#bfElemWrap662 input{width:40px; }

span#bfElemWrap663{float:right; margin:auto; padding:0px; width:200px; }

span#bfElemWrap664{float:right; margin:auto; padding:0px; width:170px;  }
span#bfElemWrap664 label#bfLabel664{float:right; margin:auto; padding:0px; width:47px; }

span#bfElemWrap665{float:right; margin:auto; padding:0px; width:230px;   }
span#bfElemWrap665 label#bfLabel665{float:right; margin:auto; padding:0px; width:85px; }
span#bfElemWrap665 input{width:40px; }

span#bfElemWrap666{float:right; margin:auto; padding:0px; width:200px; }
span#bfElemWrap666 label#bfLabel666{float:right; margin:auto; padding:0px; width:75px; }

span#bfElemWrap667{float:right; margin:auto; padding:0px; width:170px;   }

span#bfElemWrap668{float:right; margin:auto; padding:0px; width:230px;   }
span#bfElemWrap668 label#bfLabel668{float:right; margin:auto; padding:0px;width:85px;}
span#bfElemWrap668 input{width:40px; }

span#bfElemWrap669{float:right; margin:auto; padding:0px; width:200px;   }
span#bfElemWrap669 label#bfLabel669{float:right; margin:auto; padding:0px; width:75px; }

span#bfElemWrap670{float:right; margin:auto; padding:0px; width:170px;   }

span#bfElemWrap1681{float:right; margin:auto; padding:0px; width:280px;}
span#bfElemWrap1681 label#bfLabe1681{float:right; margin:auto; padding:0px; width:109px; }
span#bfElemWrap1681 input{width:145px; }


span#bfElemWrap1716{float:right; margin:auto; padding:0px; width:247px;  }
span#bfElemWrap1716 label#bfLabel1716{float:right; margin:auto; padding:0px; width:110px;}
span#bfElemWrap1716 input{width:115px; }

span#bfElemWrap1717{float:right; margin:auto; padding:0px; width:122px; }
span#bfElemWrap1717 label#bfLabel1717{float:right; margin:auto; padding:0px; width:45px;  }
span#bfElemWrap1717 input{width:55px; }

span#bfElemWrap1718{float:right; margin:auto; padding:0px; width:133px;  }
span#bfElemWrap1718 label#bfLabel1718{float:right; margin:auto; padding:0px; width:55px; }
span#bfElemWrap1718 input{width:55px; }

fieldset#wakeelinfo{ margin-top:-85px; margin-bottom:22px;}
fieldset#shopinfo{ margin-bottom:12px;}

fieldset#shopinfo2{margin-top:-17px; margin-bottom:22px;}
fieldset#addnashat{margin-top:-27px; margin-bottom:35px;}
fieldset#cancelnashat{margin-top:-47px; margin-bottom:55px;}
fieldset#talefsection{margin-top:-47px;margin-bottom:75px;}
fieldset#cancelr2{margin-top:-75px; padding-bottom:12px; margin-bottom:85px;}

span#bfElemWrap2663{float:right; margin:-77px auto auto auto; padding:0px; width:587px;}

#bfElemWrap2695, #bfElemWrap2709{float:right; margin:auto; padding:0px; width:435px;}

span#bfElemWrap2693, #bfElemWrap2705, #bfElemWrap2707, #bfElemWrap2713{float:right; margin:auto; padding:0px; width:353px;}

span#bfElemWrap2694, #bfElemWrap2706, #bfElemWrap2708, #bfElemWrap2714{float:right; margin:auto; padding:0px; width:235px;}

span#bfElemWrap2696, #bfElemWrap2697, #bfElemWrap2698, #bfElemWrap2699, #bfElemWrap2700, #bfElemWrap2701, #bfElemWrap2710, #bfElemWrap2711, #bfElemWrap2712, #bfElemWrap2715, #bfElemWrap2716, #bfElemWrap2717, #bfElemWrap2718, #bfElemWrap2719, #bfElemWrap2720, #bfElemWrap2721, #bfElemWrap2722, #bfElemWrap2723, #bfElemWrap2724, #bfElemWrap2725, #bfElemWrap3509{float:right; margin:3px auto auto auto; padding:0px; width:198px;}

label#bfLabel2663, #bfLabel2693, #bfLabel2694, #bfLabel2695, #bfLabel2696, #bfLabel2697, #bfLabel2698, #bfLabel2699, #bfLabel2700, #bfLabel2701, #bfLabel2705, #bfLabel2706, #bfLabel2707, #bfLabel2708, #bfLabel2709, #bfLabel2710, #bfLabel2711, #bfLabel2712, #bfLabel2713, #bfLabel2714, #bfLabel2715, #bfLabel2716, #bfLabel271, #bfLabel2718, #bfLabel2719, #bfLabel2720, #bfLabel2721, #bfLabel3509{float:right; margin:auto; padding:0px; width:100px;font:normal 15px/17px Arial, Helvetica, sans-serif;
      color:#673a15;}
label#bfLabel2722, #bfLabel2723, #bfLabel2724, #bfLabel2725      {float:right; margin:auto; padding:0px; width:0px;}

fieldset#req{float:right; margin:7px auto auto auto; padding:0px 12px 5px 0px;}

fieldset#rosaraf, #qararmasahi div.bfClearfix{float:right; margin:auto; padding:0px 12px 0px 0px;}


fieldset#hodod{float:right; margin:39px -28px auto auto; padding:0px; border:none;}

fieldset#tall{float:right; margin:-101px 77px auto auto; padding:0px 0px 5px 0px; border:none;}

fieldset#tall legend{float:right; margin:auto 90px auto auto; padding:0px;}

fieldset#rosaraf{float:right; margin: 12px auto auto auto;}

p#bfElemWrap2702, #bfElemWrap2703, #bfElemWrap2704{float:right; margin:auto; padding:0px; width:250px;}
      
label#bfLabel2702, #bfLabel2703, #bfLabel2704, #bfLabel4043{float:left; margin:auto; padding:0px; width:250px;font:normal 15px/22px Arial, Helvetica, sans-serif;
      color:#673a15;}
input#ff_elem2702, #ff_elem2703, #ff_elem2704{ display:none;}      
.bfQuickMode .bfFieldset-wrapper {
    /*margin-bottom: 10px;*/
      background:none;
}

div.estemarah{
      float:right; margin:auto; padding:0px;}

.bfQuickMode .bfWrapperBlock {
      margin: 15px 0 10px 0;
      background:none;
}

.bfQuickMode .bfNoSection {
      float:right;
      margin:17px auto auto auto;
      padding:5px;
      border:1px solid #999;
      
}

fieldset#robenaa{border:none; float:right; margin:auto;  padding:0px;}

div#robenaa, #rotasweer, #robenaam, #rotarmeem, #rodoor, #rohadm, #robayarh, #rohafryat, #roezalatm, #roborg{
      border:none;
}

.bfQuickMode fieldset .bfWrapperBlock {
      width: 100%;
      margin-bottom: 0px;
      background:none;
}

.bfQuickMode fieldset {
    /*margin-bottom: 10px;*/
    margin: 0;
}

.bfQuickMode label {
    vertical-align: top;
}
p#bfElemWrap4041{
      float:right;
      margin:auto;
      padding:0px;
      font:normal 15px/17px Arial, Helvetica, sans-serif;
      color:#673a15;
      height:21px;
}

p#bfElemWrap4041 label#bfLabel4041{
      float:right;
      margin:auto;
      padding:3px;
      font:bold 15px/17px Arial, Helvetica, sans-serif;
      color:#673a15;
      width:120px;
      width:138px;
      height:21px;
}

p#bfElemWrap4041 span#ff_elem4041{      
      float:right;
      margin:auto;
      padding:3px;
      font:normal 15px/17px Arial, Helvetica, sans-serif;
      color:#673a15;
      width:280px;
      height:21px;
      background-image:none
}

.bfQuickMode p.bfElemWra;p {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    margin: 0px ;
    position: relative;
    float:right;
}

.bfQuickMode p input[type='text'], .bfQuickMode p textarea, .bfQuickMode p select {
    float: left;
    margin: 0px;
    width: 45%;
}

.bfQuickMode span input[type='text'], .bfQuickMode span textarea, .bfQuickMode span select  {
    width: auto;
    float: none;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode p:after, .bfQuickMode .bfInline:after {
    content: ".";
    display: block;
    height: 0;  
    clear: both;
    visibility: hidden;
}

/* ##### inline ##### */

.bfQuickMode fieldset .bfWrapperInline, .bfQuickMode .bfNoSection .bfWrapperInline {
      width: 100%;
      max-width: 50%;
      float:right;
      /*position: relative;*/
}

/*.bfQuickMode fieldset.bfInline {
    margin: 0px 10px 10px 0px;
    width: 100%;
    max-width: 44%;
}*/

.bfQuickMode fieldset.bfInline {
    /*margin: 0px 10px 10px 0px;*/
    width: 90%;
    float: left;
}

.bfQuickMode fieldset.bfInline p {
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
    width: 100%;
}

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfPageIntro p {
    background: none;
}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {
    padding: 10px;
    margin-bottom: 10px;
    background: #ffeded;
    font-weight: bold;
    float: none;
    display: block;
    color: red;
}

/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    width: auto;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    display: block;
    background: transparent url('img/icon_info.png') right top no-repeat;
}

.bfQuickMode span.bfTooltip {
    width: auto;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    display: block;
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfSectionDescription p {
    background: none;
    border: none;
}

/* ##### label and input field positions ##### */

.bfQuickMode .bfLabelTop label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
      
}

.bfQuickMode .bfLabelTop input, .bfQuickMode .bfLabelTop textarea, .bfQuickMode .bfLabelTop select, .bfQuickMode .bfLabelTop button {
    float: none;
    width: auto;
}

.bfQuickMode .bfLabelLeft label {
    width: 45%;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button  {
    /*width: auto;*/
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelRight label {
    width: 45%;
    float: right;
    margin: 0px 0px 0px 10px;
}

.bfQuickMode .bfLabelRight input, .bfQuickMode .bfLabelRight textarea, .bfQuickMode .bfLabelRight select, .bfQuickMode .bfLabelRight button {
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelBottom label {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 99%;
    margin-top: 5px;
}

.bfQuickMode .bfLabelBottom input, .bfQuickMode .bfLabelBottom textarea, .bfQuickMode .bfLabelBottom select, .bfQuickMode .bfLabelBottom button {
    float: left;
    width: auto;
}

.bfQuickMode p.bfLabelBottom input,
.bfQuickMode p.bfLabelBottom textarea,
.bfQuickMode p.bfLabelBottom select,
.bfQuickMode p.bfLabelBottom button,
.bfQuickMode span.bfLabelBottom input,
.bfQuickMode span.bfLabelBottom textarea,
.bfQuickMode span.bfLabelBottom select,
.bfQuickMode span.bfLabelBottom button {
    margin: 0px 0px 20px 0px;
}

.bfQuickMode p.bfLabelBottom .bfSummarize {
    display: block;
    margin: 0px 0px 20px 0px;
}

.bfQuickMode span.bfLabelLeft label {
    width: auto;
    float:right;
    margin: 0px 0px 0px 10px;
      font:normal 15px/17px Arial, Helvetica, sans-serif;
      color:#673a15;
}

.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
    width: auto;
    float: none;
    margin: 0px;
}

.bfQuickMode span.bfLabelRight label {
    width: auto;
    float: right;
    margin: 0px 5px 0px 10px;
}

.bfQuickMode span.bfLabelRight input, .bfQuickMode span.bfLabelRight textarea, .bfQuickMode span.bfLabelRight select, .bfQuickMode span.bfLabelRight button {
    width: auto;
    float: none;
    margin: 0px;
}

/* ##### required ##### */

.bfQuickMode .bfRequired {
    vertical-align: top;
      background-image: none;
    font-size: 100%;
    font-weight: bold;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #f00;
    float: none;
}

/* ##### Element groups ##### */

.bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup, .bfQuickMode .bfCaptcha  {
    display: inline;
    margin: 0px;
    padding: 0px;
    float:right;
    background: none;
    border: none;
}

.bfQuickMode p.bfLabelTop .bfElementGroupNoWrap {
    width: 80%;
    float:right;
}

.bfQuickMode .bfLabelTop .bfElementGroup {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroupNoWrap,
.bfQuickMode .bfLabelTop .bfCaptcha {
    width: auto;
    padding-top: 10px;
}

.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap,
.bfQuickMode .bfLabelLeft .bfCaptcha {
    width: auto;
    background: none;
    float:right;
}

.bfQuickMode .bfLabelLeft .bfElementGroup,
.bfQuickMode .bfLabelRight .bfElementGroup,
.bfQuickMode p.bfLabelLeft .bfElementGroupNoWrap {
    width: 45%;
    float:right;
}

.bfQuickMode .bfLabelRight .bfElementGroupNoWrap,
.bfQuickMode .bfLabelRight .bfCaptcha {
    width: auto;
    float:right;
}

.bfQuickMode p.bfLabelRight .bfElementGroupNoWrap {
    width: 45%;
    float:right;
}

.bfQuickMode span.bfLabelBottom .bfElementGroupNoWrap {
    width:auto;
}

.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap,
.bfQuickMode .bfLabelBottom .bfElementGroup,
.bfQuickMode .bfLabelBottom .bfCaptcha {
    float:right;
    width: 100%;
    padding-bottom: 20px;
}

.bfQuickMode .bfLabelLeft .bfElementGroup label,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelTop .bfElementGroup label,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelRight .bfElementGroup label,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelBottom .bfElementGroup label,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap label {
    width: auto;
    float: none;
    margin: 0px 10px 10px 0px;
    display: inline;
    position: static;
}

.bfQuickMode .bfLabelLeft .bfElementGroup input,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelTop .bfElementGroup input,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelRight .bfElementGroup input,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelBottom .bfElementGroup input,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
    width: auto;
    float: none;
    margin: 0px 5px 0px 0px;
    display: inline;
}

/* ##### Captcha ##### */

.bfQuickMode .bfCaptcha {
    background: none;
    border:  none;
}

.bfQuickMode .bfCaptcha input {
    width: auto;
    float: left
}

.bfQuickMode .bfCaptcha img {
    vertical-align: middle;
}

.bfQuickMode .bfCaptcha .ff_capimg {
    margin-bottom: 10px;
}

/* ##### Summarize ##### */

.bfQuickMode .bfSummarize {
    font-weight: bold;
    display: table-cell;
}

.bfQuickMode .bfNotAvailable {
    color: #ccc;
}

/* ##### buttons ##### */

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {

    float: right;
      margin-top:-34px;
}

.bfQuickMode .bfPrevButton {
      background-image:none;
    float: left;
      text-align:right;
}


.bfQuickMode button.ff_elem span{
      float:right;
      margin:auto; padding:0px;
      width:95px; height:20px;
      background-image:none;
      text-align:center;
}
.bfQuickMode button.bfSubmitButton span{
      float:right;
      margin:auto; padding:0px;
      width:95px; height:20px;
      background-image:none;
      text-align:center;
}


form.bfQuickMode span{
      background-image:none;
}

.bfQuickMode .bfPrevButton span{
      float:right;
      margin:auto; padding:0px;
      width:50px; height:20px;
      background:none;
      text-align:right;
}

.bfQuickMode button.bfCalendar {
    height: 25px;
    margin: 0px 0px 0px 5px;
    float: none;
}

#bfCaptchaEntry {
    width: 196px;
}

/* ##### Uploader ##### */

#bfFileQueue {
      /*
      width: 400px;
      height: 300px;
      overflow: auto;
      border: 1px solid #E5E5E5;
      */
      margin-bottom: 10px;
      position: absolute;
}

#bfSubmitMessage{
      font: 11px Verdana, Geneva, sans-serif;
      border: 2px solid #E5E5E5;
      background-color: #F5F5F5;
      margin-top: 5px;
      padding: 10px;
      width: 350px;
}

.uploadifyQueueItem {
      font: 11px Verdana, Geneva, sans-serif;
      border: 2px solid #E5E5E5;
      background-color: #F5F5F5;
      margin-top: 5px;
      padding: 10px;
      width: 350px;
}

.uploadifyError {
      border: 2px solid #FBCBBC !important;
      background-color: #FDE5DD !important;
}

.uploadifyQueueItem .cancel {
      float: right;
}

.uploadifyProgress {
      background-color: #FFFFFF;
      border-top: 1px solid #808080;
      border-left: 1px solid #808080;
      border-right: 1px solid #C5C5C5;
      border-bottom: 1px solid #C5C5C5;
      margin-top: 10px;
      width: 100%;
}

.uploadifyProgressBar {
      background-color: #0099FF;
      width: 1px;
      height: 3px;
}
0
 
Tom BeckCommented:
It looks like you are making progress. It looks much better now in IE7. I was going to suggest that you eliminate the <p> tags because they add unpredictable amounts of padding and use another block element like a <div> instead, but you chose to use an inline <span> element. Seems to be working.
0
 
pixarksaAuthor Commented:
I do not undrestand but the form still not good in ie7 :(
0
 
Tom BeckCommented:
Looks the same in IE7 and Firefox.
IE7andFF.jpg
0
 
pixarksaAuthor Commented:
i change the css code from a to z :(

so now i need to make accouter field in summrizing form how?
0
 
Tom BeckCommented:
>>i need to make accouter field in summrizing form how?

I don't understand what you mean.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now