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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par patrick888, 3 Janvier 2009.

  1. patrick888
    patrick888 WRInaute discret
    Inscrit:
    2 Août 2007
    Messages:
    107
    J'aime reçus:
    0
    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]
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 732
    J'aime reçus:
    176
    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)
     
  3. Rod la Kox
    Rod la Kox WRInaute accro
    Inscrit:
    24 Juin 2008
    Messages:
    2 780
    J'aime reçus:
    0
    J'ajoute que si on souhaite le code, on va voir direct sur le site.




    Ah bah non, y a pas l'URL...
     
  4. patrick888
    patrick888 WRInaute discret
    Inscrit:
    2 Août 2007
    Messages:
    107
    J'aime reçus:
    0
    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
     
  5. everybadey
    everybadey WRInaute discret
    Inscrit:
    11 Novembre 2008
    Messages:
    99
    J'aime reçus:
    0
    Faut deviner l'url en faite c'est ça le jeu :D
     
  6. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 732
    J'aime reçus:
    176
    Oui, c'est en ligne, quelque part au milieu des 10 milliards de pages web, aux confins de la galaxie...
     
  7. patrick888
    patrick888 WRInaute discret
    Inscrit:
    2 Août 2007
    Messages:
    107
    J'aime reçus:
    0
  8. WEBCodeur
    WEBCodeur WRInaute discret
    Inscrit:
    13 Mai 2007
    Messages:
    128
    J'aime reçus:
    0
    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...
     
  9. patrick888
    patrick888 WRInaute discret
    Inscrit:
    2 Août 2007
    Messages:
    107
    J'aime reçus:
    0
    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
     
  10. WEBCodeur
    WEBCodeur WRInaute discret
    Inscrit:
    13 Mai 2007
    Messages:
    128
    J'aime reçus:
    0
    Enleves le float left de ton footer!
     
  11. patrick888
    patrick888 WRInaute discret
    Inscrit:
    2 Août 2007
    Messages:
    107
    J'aime reçus:
    0
    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
     
  12. WEBCodeur
    WEBCodeur WRInaute discret
    Inscrit:
    13 Mai 2007
    Messages:
    128
    J'aime reçus:
    0
    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 :)
     
  13. patrick888
    patrick888 WRInaute discret
    Inscrit:
    2 Août 2007
    Messages:
    107
    J'aime reçus:
    0
    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
     
Chargement...
Similar Threads - probleme css firefox Forum Date
Probléme de CSS sur firefox et safari Administration d'un site Web 19 Mai 2010
problème css IE != firefox Développement d'un site Web ou d'une appli mobile 30 Novembre 2008
Problème CSS : Firefox - Safari OK,Opéra - IE 7 KO Développement d'un site Web ou d'une appli mobile 16 Juin 2008
[CSS] petit problème DIV sous Firefox Développement d'un site Web ou d'une appli mobile 24 Janvier 2008
probleme de css entre ie et firefox Développement d'un site Web ou d'une appli mobile 3 Janvier 2008
Problème css avec firefox Développement d'un site Web ou d'une appli mobile 30 Août 2007
[CSS] Problème d'alignement sous Firefox (OK avec IE) Développement d'un site Web ou d'une appli mobile 18 Octobre 2006
Probléme de CSS sur firefox Administration d'un site Web 12 Septembre 2006
Css probleme avec firefox Développement d'un site Web ou d'une appli mobile 25 Mars 2006
problème de css sous firefox Développement d'un site Web ou d'une appli mobile 14 Septembre 2005
Problème d'affichage CSS sous Firefox Problèmes de référencement spécifiques à vos sites 14 Janvier 2005
Problème de div et de css Développement d'un site Web ou d'une appli mobile 8 Juin 2017
Problème d'application d'un nouveau template Dreamweaver CSS Demandes d'avis et de conseils sur vos sites 21 Février 2017
J'ai un problème en css Développement d'un site Web ou d'une appli mobile 8 Septembre 2016
CSS en cache : un problème pour Google ? Problèmes de référencement spécifiques à vos sites 23 Octobre 2015
Problème largeur CSS avec banniere adaptable adsens Développement d'un site Web ou d'une appli mobile 2 Septembre 2015
Absence de CSS dans le cache Google -> problème ? Référencement Google 24 Juin 2015
Problème réduction du CSS, pas le même rendu. Débuter en référencement 14 Mai 2015
Problème d'affichage en CSS Demandes d'avis et de conseils sur vos sites 12 Décembre 2014
WordPress, Plugin Nexgen Gallery et Problème de bordure en CSS avec le Slideshow de NG Développement d'un site Web ou d'une appli mobile 9 Septembre 2014