probleme de mise en page css sous firefox , osus IE, tout est ok

P
patrick888
WRInaute discret
probleme de mise en page css sous firefox , osus IE, tout es

Bonjour,

J'ai un probleme avec ma feuille de style css suivante.
Sous IE, tout est ok, mais sous firefox, mon body area si la partie de texte ou d'images est trop importante, glisse sous ma partie footer, qui cache donc une partie de mon contenu et continue sous le footer.

Alors que sous IE, mon footer s'adapte a mon body area en descendant automatiquement autant qu'il le faut pour laisser mon body area au dessus, sous Firefox, le footer reste fixe.

Est ce que quelqu'un aurait la solution.

Merci d'avance pour votre aide.

Patrick

Code: 
@charset "utf-8";
/* CSS Document */

body{
	background:#f7fcf8 url('images/bg.jpg') repeat-x center 50%; margin:0; color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}


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


/*------------------------------------------------topheader--------------------*/
#topheader{
	margin:0 auto; width:1004px;
	height:146px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url('images/topbanner_bg.jpg');
	background-repeat: no-repeat;
	background-position:  center 50%;
}
.logo {
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 95px;
	width: 321px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px
}
.menu_area {
	float: left;
	margin-top: 58px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menu_text {
	font-family: Arial;
	font-size: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #bbbbbb;
	text-decoration: none;
}
.ideas {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url('images/menu_01.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 61px
}
.ideas:hover {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url('images/menu_01.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 61px
}
.links {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url('images/menu_02.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 59px
}
.links:hover {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url('images/menu_02.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 59px
}
.info{
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url('images/menu_03.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px
}
.info:hover{
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url('images/menu_03.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px
}
.works {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url('images/menu_04.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 105px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px
}
.works:hover {
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url('images/menu_04.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 105px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px
}
/*------------------------------------------------search_strip-------------------*/
#search_strip{
	margin:0 auto; width:1004px;
	height:76px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url('images/search_strip.jpg');
	background-repeat: no-repeat;
	background-position:  center 50%;
}.freeregistration {
	margin: 0px;
	float: left;
	height: 58px;
	width: 300px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 343px;
}
.registration {
	font-family: "Arial Narrow";
	font-size: 33px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.free {
	font-family: "Arial Black";
	font-size: 33px;
	font-weight: normal;
	color: #da2a2a;
	text-decoration: none;
	background-image: url('images/registration.png');
	background-repeat: no-repeat;
	height: 48px;
	padding-top: 0px;
	padding-right: 53px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position:  right 50%;
}
.free:hover {
	font-family: "Arial Black";
	font-size: 33px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url('images/registration.png');
	background-repeat: no-repeat;
	height: 48px;
	padding-top: 0px;
	padding-right: 53px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position:  right 50%;
}
.search_area {
	padding:0px; float: left;
	height: 58px;
	width: 300px;
	background-image: url('images/search.png');
	background-repeat: no-repeat;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px
}


.search_box {
	margin: 0px;
	float: left;
	height: 24px;
	width: 165px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	color: #b2d2d5;
}


.searchtextbox {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 158px;
	border: 1px solid #999999;
}
.searchtextbox:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 158px;
	border: 1px solid #333333;
}
.search_go{
	margin: 0px;
	float: left;
	height: 24px;
	width: 35px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.go {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('images/go.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 18px;
	width: 34px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
.go:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('images/go1.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 18px;
	width: 34px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
.advancesearch {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #da2a2a;
	text-decoration: none;
}
.advancesearch:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
/*------------------------------------------------body_area--------------------*/
#body_area{
	width:1004px;
	height:820px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	float: none;
	padding-top: 52px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#innerbody_area{
	width:1004px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	float: none;
	padding-top: 52px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}.left {
	margin: 0px;
	float: left;
	height: 820px;
	width: 153px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	overflow:hidden;
}
.left_menu_area {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 320px;
	width: 153px;
}
.left_menutop {
	background-image: url('images/menu_top.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 153px
}
.left_menu {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;
	background-image: url('images/menu_active.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 138px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px
}
.left_menu:HOVER {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
	background-image: url('images/menu_hover.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 138px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px
}.comment_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url('images/comments.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 23px;
	background-position: 20px 8px
}
.comments_area {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

.comments_text {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #386060;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 153px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.comments_link {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.comments_link:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #386060;
	text-decoration: underline;
}
.Services_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url('images/services.png');
	background-repeat: no-repeat;
	float: left;
	width: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 23px;
	background-position: 45px 8px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px
}
.midarea {
	margin: 0px;
	float: left;
	height: 820px;
	width: 543px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.head {
	font-family: Georgia;
	font-size: 15px;
	font-weight: normal;
	color: #d0910b;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 540px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.body_textarea {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #3c6f75;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.readmore {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('images/readmore.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 18px;
	width: 74px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
.readmore:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('images/readmore1.png');
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 18px;
	width: 74px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}.innerbanner {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #8a8a8a;
	text-decoration: none;
	background-image: url('images/innerbanner.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 60px;
	width: 508px;
	padding-top: 457px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
.innerbanner_head {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #8a8a8a;
	text-decoration: none;
	background-image: url('images/tickmark.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	float: left;
	background-position: 0px 4px
}
.right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 820px;
	width: 170px;
}
.events_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url('images/events.png');
	background-repeat: no-repeat;
	float: left;
	width: 135px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin: 0px
}
.login_area {
	margin: 0px;
	float: left;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.login_top {
	background-image: url('images/login_01.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 146px
}
.login_bottom {
	background-image: url('images/login_03.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 146px
}
.login_bodyarea {
	margin: 0px;
	float: left;
	width: 140px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 6px;
	background-attachment: scroll;
	background-image: url('images/login_02.png');
	background-repeat: repeat-y
}
.right_head {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 17px;
	width: 131px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url('images/right_head.png');
	background-repeat: no-repeat
}
.right_textbox{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 17px;
	width: 131px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}
.right_text{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #d5ca89;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 17px;
	width: 131px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}
.righttextbox {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 128px;
	border: 1px solid #999999;
}
.righttextbox:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 128px;
	border: 1px solid #333333;
}
.login {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #070808;
	text-decoration: none;
	background-image: url('images/login_button.png');
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
.login:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #070808;
	text-decoration: none;
	background-image: url('images/login_button1.png');
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
.newletter_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url('images/newlinks.png');
	background-repeat: no-repeat;
	float: left;
	width: 135px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin: 0px;
	background-position: 0px 3px
}
.news_link {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.news_link:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #386060;
	text-decoration: underline;
}
/*------------------------------------------------fotter--------------------*/
#fotter{
	margin:0 auto; width:100%;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c5a873;
	text-decoration: none;
	padding: 0px;
	float: left;
	height: 123px;
	background-image: url('images/fotter.jpg');
	background-repeat: repeat-x;
	background-attachment: scroll; background-position-y:50%
}
.fotter_links {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #202219;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fotter_text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #cb0002;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 43px;
	width: 944px;
	padding-top: 53px;
	padding-right: 30px;
	padding-bottom: 32px;
	padding-left: 30px;
}

.fotter_copyrights {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #b17a04;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.fotter_validation {
	font-family: "Trebuchet MS";
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #c75c2c;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*------------------------------------------------fotterlinks --------------------*/
a.fotterlink:link {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #202219;
	padding-right: 5px;
	padding-left: 5px;

}
a.fotterlink:visited {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #202219;
	padding-right: 5px;
	padding-left: 5px;

}
a.fotterlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #b17a04;
	padding-right: 5px;
	padding-left: 5px;

}
a.fotterlink:active{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #202219;
	padding-right: 5px;
	padding-left: 5px;

}
/*------------------------------------------------fotterlinksend--------------------*/

/*------------------------------------------------validation --------------------*/
a.xhtml:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:active{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

a.css:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
background-color: #d0910b;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:active{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.fotter_designed {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #3e8f96;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*------------------------------------------------validation--------------------*/
.fotter_designedlink {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #1d6369;
}
.fotter_designedlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #b17a04;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#innercontentblank
			{
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 40px;
			}
#innerhedding
			{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
			}
#innercontent
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;
			}
#innercontent002
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#innercontent003
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#innercontent004
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#innercontent005
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#submenuhedding
			{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
			}
#submenublank
			{
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
			}
#submenutop
			{
				margin: 0px;
				float: left;
				width: 433px;
				height:1px;
				padding:0px;
				background-image:url('images/topline.jpg');
				background-repeat:no-repeat
			}
.submenu
			{
				margin: 0px;
				float: left;
				width: 410px;
				height:17px;
				font-family: Arial;
				font-size: 11px;
				font-weight: normal;
				text-transform: none;
				color: #9ca27e;
				text-decoration: none;
				background-image: url('images/active.png');
				background-repeat:no-repeat; padding-left:23px; padding-right:0; padding-top:2px; padding-bottom:0
			}
.submenu:hover
			{
				margin: 0px;
				float: left;
				width: 410px;
				height:17px;
				font-family: Arial;
				font-size: 11px;
				font-weight: normal;
				text-transform: none;
				color: #9ca27e;
				text-decoration: none;
				background-image: url('images/over.jpg');
				background-repeat:no-repeat; padding-left:23px; padding-right:0; padding-top:2px; padding-bottom:0
			}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/
#contactblank
			{
	margin: 0px;
	float: left;
	width: 674px;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
		
			}
		
#contactinnerblank
		{
				width:1004px;
				height:500px;
				float:left;
				margin:0px;
				padding:0px;
		}
#contactheddingblank
		{
			width:500px;
			height:30px;
			float:left;
			margin:27px 0 0 45px;
			padding:0px;
			font:normal 12px/17px Arial, Helvetica, sans-serif;
			color:#CECECE;
			border-bottom: solid 1px #7f7f7f;
			
			
		}
#contactaddressblank{
				margin: 0px;
				padding:0 0 0 30px;
				float: left;
				width:236px;
				font-family: "Trebuchet MS";
				font-size: 11px;
				font-weight: normal;
				color: #000000;
				text-decoration: none;
				
	}

#contactaddresshedding
		{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
		}		

#contactaddresstext{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;
	}
#contactsmallhedding
			{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #386060;
	text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			}
#contacthedding
			{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
		}
			
#contacticon{
				width:86px;
				height:84px;
				float:left;
				background-image: url('contacticon.png');
				background-repeat:no-repeat;
				margin-left:30px; margin-right:0; margin-top:10px; margin-bottom:0
	}
#contactfeildnameblank
			{
				width:160px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildblank
			{
				width:200px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname
			{
				width:160px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeildname002
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname003
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname004
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname005
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname006
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname007
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname008
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname009
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild
			{
				width:200px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeild002
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild003
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild004
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild005
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild006
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild007
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild008
			{
				width:200px;
				height:20px;
				margin:8px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild009
			{
				width:200px;
				height:60px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#submitbutton
			{
				width:200px;
				height:20px;
				margin:60px 0 0 0;
				padding:0;
				float:left;
				text-align: left;

			}	
			
.contactfeildname
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			}
.contactfeild
			{	font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color: #3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.contactfeild
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.submitbutton
			{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	cursor:pointer;
			}
.submitbutton:hover 
			{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
background-color: #d0910b;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	cursor:pointer;	
			}
			
.contactinput
		{

				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.contactinput:hover
		{
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}
.listbox
		{

				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.listbox:hover
		{
				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}	
/*----------------------------------------------------------------contactpage-------------------------------------
[/code]
 
Marie-Aude
Marie-Aude
WRInaute accro
Honnêtement je ne me vois pas éplucher un css comme ça, surtout sans avoir le html qui correspond, ça ne sert à rien.

Si tu as une url où on peut regarder, alors volontiers

(a priori comme ça, un problème de largeur de boite avec un pixel de trop quelque part)
 
P
patrick888
WRInaute discret
Sorry, vous avez raison, vu que c'est un site que je suis en train de mettre en place, je n'ai que 2 pages a moitie faites, donc j'evite de les mettre en ligne.

Maintenant, c en ligne, si vous voulez y jeter un oeil.

Merci pour votre patience
 
W
WEBCodeur
WRInaute discret
le 3 px de décalage la?
J'ai faillit ne pas le voir!
moi je créerai une class
Code: 
.clean
{
width:largeur du site;
height:1px;
clear:both;
}
et je balancerai donc ma class .clean avant le footer
Code: 
<div class="clean"></div>
D'accord ça peux etre une ID aussi...
 
P
patrick888
WRInaute discret
Ca n'a pas l'air de marcher,

En fait ce n'est pas 3 pixels, mais beaucoup lus, mon middle area glisse sous mon footer.

J'ai mis les modifs que vous m'avez dit mais ca ne fonctionne pas
 
P
patrick888
WRInaute discret
Il y a du changement mais c toujours pas bon, le footer ne se met pas sous mon text area, il devient maintenant transparent , j'ai mis le resultat en ligne
 
W
WEBCodeur
WRInaute discret
ton probleme vien de la:
Code: 
}.innerbanner {
   font-family: Arial;
   font-size: 18px;
   font-weight: normal;
   color: #8a8a8a;
   text-decoration: none;
   background-image: url('images/innerbanner.jpg');
   background-repeat: no-repeat;
   margin: 0px;
   float: left;
   height: 60px;
   width: 508px;
   padding-top: 457px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px
}

L'image est en background, ce qui explique sa transparence.

Enleves le float left ici aussi ou mets tout simplement l'image en partie xhml.

Je reviendrai si tu n'a pas compris le raisonnement, n'hesites pas :)
 
P
patrick888
WRInaute discret
Aie, toujours un bug le texte se met maintenant par dessus l'image de mon text area au lieu de se mettre avant ...
Je ne sais pas trop je sais, je suis tres nul
 
Vous devez vous connecter ou vous inscrire pour répondre ici.
1.fr
Discussions similaires
S
probleme de css entre ie et firefox
Réponses
16
Affichages
6K
snooper
S
S
Css probleme avec firefox
Réponses
18
Affichages
7K
dd32
D
G
Probleme bouton css
Réponses
19
Affichages
2K
gwenm
G
Z
Probleme de centrage vertical dans css
Réponses
16
Affichages
2K
Leonick
L
2
URL Rewriting Probleme CSS
Réponses
2
Affichages
2K
franckM
F
L
Probleme Menu JS + CSS
Réponses
5
Affichages
2K
ZelkiN
Z
B
le css d'une page web [probleme]
Réponses
3
Affichages
2K
bproductiv
B
Y
PROBLEME CSS
Réponses
3
Affichages
734
bg62
bg62
L
probleme de style css ou de code html
Réponses
7
Affichages
2K
Lahaut
L
S
Probleme avec css en 800x600
Réponses
4
Affichages
2K
Marie-Aude
Marie-Aude
D
probleme coins arrondis en css
Réponses
17
Affichages
3K
magikmanu
M
A
Probleme affichage du fond en css
Réponses
3
Affichages
2K
bproductiv
B
S
Probleme CSS
Réponses
13
Affichages
2K
snooper
S
B
probleme CSS impossible à comprendre !!
Réponses
9
Affichages
2K
pcamliti
pcamliti
O
probleme intégration css avec include php
Réponses
10
Affichages
8K
rtb
R
B
Probleme CSS incompréhensible!!
Réponses
3
Affichages
3K
bigs32
B
F
[RESOLU]Probleme tres simple CSS menu
Réponses
5
Affichages
2K
frenchhorn
F
D
probleme avec le css et les images
Réponses
2
Affichages
2K
lespagnol58
L
G
Probleme CSS avec IE6 (div coupé par son conteneur)
Réponses
3
Affichages
2K
lakil
L
T
Probleme indexation (menu css) Pleaseeeee Help!
Réponses
12
Affichages
2K
HawkEye
H
Haut