Texte surperposé sur Avatar

[tutox]

Bonjour je suis sur une version invision et j'ai mon texte qui superpose un avatar, comment faire pour créer une marge.
Ensuite je vous joint un screen ci dessous.

problème1 le texte qui superpose

problème2 pas de marge




Ensuite voilà la feuille CSS

Code:

body{
background-position: top center;
background-repeat: no repeat;
}
#ipbwrapper{
margin-top: 0px;
margin-bottom: 0px;
}

div#logostrip{
background-color: transparent;
background-image: url('http://img15.hostingpics.net/pics/437850tutoxbanniere2.png');
width: 1200px;
height: 483px;
margin-top: -5px;
margin-bottom: 52px;
}

#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#submenu{
background-color: transparent;
margin: 0px;
padding: 0px;
padding-left: 0px;
margin-top: -100px;
margin-bottom: -21px;
/position: absolute;
/margin-left: 183px;
}

#userlinks{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/corpsh10.png');
padding: 40px 60px 60px 60px;
border-bottom: none;
}

#userlinks.not-connected{
background-color: transparent!important;
border-bottom: 0px;
}
#fa_ticker_block{
background-color: transparent !important;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/corpsc10.png');
min-height: 1px;
background-repeat: repeat-y;
border: none;
padding: 5px 64px 5px 64px;
margin-top : 0px !important;
margin-bottom : 100px !important;
}
#fa_ticker_container{
padding: 2px;
}

#fa_ticker{
background-image: none !important;
}

div.newslink{
background-color: transparent;
}
#outer-wrapper{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/corpsc10.png');
padding:10px;
margin: 0px;
min-height: 25px;
}

#wrapper{
margin: 0px 64px;
}

#gfooter{
background-color: transparent;
background-image: url('http://img15.hostingpics.net/pics/263616footer12.png');
background-repeat: no-repeat;
width:1200px;
height:162px;
margin: 0px;
padding: 0px;
/margin-top: 0px;
margin-bottom: -15px;
}


.current-time{
margin-right: 80px;
padding-top:  16px;
}

#qjump{
padding-left: 80px;
padding-top: 16px;
}

#gfooter
.footer-links{
float: left;
padding-left: 10px;
padding-top: 0px;
font-size : 1.0em;
}


#gfooter a{
color: #99ab57 !important;
}
#gfooter a:hover{
color: #ffffff !important;
}
.row1{
background-color: #d2d2ba;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 2px solid #ffffff;
}

.row2{
background-color: #d2d2ba;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 2px solid #ffffff;
}
table.ipbtable tfoot td{
background-color: transparent;
background-image: url('');
padding: 0px;
height: 20px!important;
width: 1076px;
background-repeat: repeat;
border: none none !important;
}

.box-content{
border-bottom: 0px;
}

table.ipbtable .last{
border-right: 0px solid #000000 !important;
}

div.borderwrap{
padding: 0px;
margin: 0px;
}

#navstrip li {
float: left;
margin: 0 5px;
padding-left: 18px;
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche10.png') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 18px;
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche10.png') no-repeat left 50%;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 53px;
height: 14px;
margin-right: 40px;
margin-top: 8px;
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche11.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche12.png') no-repeat 50% 50%;
}

.popmenubutton a {
background-color: transparent;
color: #fff;
padding: 20px 0px -10px 0px !important;
margin-right: 20px;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche11.png');
border: none !important;
}


.post.popupmenu{
background-color: #000000;
border: 1px solid #000000;
}
.postprofile-head ul li{
background-color: #000000;
border: 1px solid #000000
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}
.popupmenu li{
background-color: #3a352f;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fleche10.png');
}
.popupmenu li a{
padding-left: 10px;
}
.popupmenu.last{
background-color: #000000;
}
ul.popmenu li.popmenu-category{
background-color: #000000;
}
.topic-footer{
background-color: transparent;
background-image: url('');
padding: 0px;
height: 45px!important;
width: 1072px;
background-repeat: no-repeat;
border: none none !important;
}

.search-footer-box { display: none; }
#search-box { display: none; }

.post{
background-color: #3a352f;
padding-bottom: 0px;
border: 1px solid #ffffff;
-moz-border-radius:19px;
-webkit-border-radius:19px;
border-radius:19px;
}
.post-footer{
background-position: bottom;
background-repeat: no-repeat;
border: 1px solid #ffffff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding-left: 0px;
margin-top: 0px;
}
table.ipbtable th.starter{
width: 10% ;
}
table.ipbtable th.last-post2{
width: 26%;
border-right: 0px solid #000000;
}

.next-prev{
margin-top: 32px;
}

#profile-advanced-layout{
floatne;
margin: 0px;
padding: 0px;
width: 878px;
}

#profile-advanced-left{
float : none;
margin: 0px;
padding: 0px;
width: 50px;
}

#profile-advanced-right{
float: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
width: 750px;
}
#profile-advanced-right .module{
margin-bottom: 0px;
}
.wysiwyg{
background-color: #3a352f;
color: #cccccc;
}
#text_editor_textarea { background-color: #bcbca4; color: #000000;}

.subtitle{
background-image: url('');
border: 0px solid #000000;
}
.ipbform2 dl{
background-color: #bcbca4;
border: 0px solid #000000;
}

.messaging-box{
border: 0px solid #000000;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
}

#smiley-box{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 0px solid #000000;
}

.qreply{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 0px solid #000000;
}

.post.popupmenu{
background-color: #3a352f;
border: 2px solid #cccccc;
}
div.overview{
background-color: #cccccc;
}

#navstrip li a:hover{
color : #cccccc !important;
}

.button, .mainoption{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
background-position:bottom;
}


.button:hover, .mainoption:hover{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 1px solid #000000;
background-position: top;
}


button.button2, input.button2 {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
border: 1px solid #000000;
background-position: top;
}


button.button2:hover, input.button2:hover {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
border: 1px solid #000000;
background-position:bottom;
}

ul.privmsg li {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
border: 1px solid #000000;
background-position: top;
}


ul.privmsg li a {
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
background-position: top;
color: #3a352f;
border: 2px solid #000000;
}


ul.privmsg li a:hover{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
background-position: top;
}

ul.privmsg li a a:hover{
color: #000000;
border: 1px  solid #000000;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row110.png');
background-position: top;
}

.posting-options .posting-buttons{
margin-bottom: -7px;
padding-bottom: 20px;
}

.rte-menu-button {
background-color: #cccccc;
border: 1px solid #000000;
}
.exthelp,.rte-menu-button {
background-color: #cccccc;
border: 1px solid #000000;
}
#submenu ul li a{
color: #3a352f;
}
#search_menu .input.post{
color: #fff !important;
}

.photostrip.box-content{
border: 0px solid #000000 !important;
}
table.ipbtable.calendar{
border: 0px solid #000000 !important;
}
.activeusers{
background-color: transparent;
}

div.borderwrap.member-list .box-content{
border: 0px solid #000000;
}

.module .box-content{
background-color: #3a352f;
border: 0px solid #000000;
}
.module .maintitle{
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fondfo10.png');
margin-bottom: 0px;
}
.borderwrap .maintitle h3{
padding-top: 3px;
padding-left: 5px;
}

blockquote{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/fondfo10.png');
background-color: #cccccc;
background-repeat: repeat;
border : 0px  solid #000000;
color : #ffffff;
max-width: 750px;
overflow: auto;
padding: 10px;
 }

  



.post-footer ul.posting-icons, .post-footer ul.misc-icons{
margin-left: 50px;
}

.maintitle.floated h2{
padding-left: 60px;
vertical-align:middle;
}

.maintitle.floated h3{
padding-left: 60px;
}
div.maintitle h3{
text-align: center;
}
.maintitle.floated h2, .maintitle.floated h3, .maintitle.floated div.toggle{
padding-top: 6px;
}
#forummenu-options{
margin-right: 10px;
margin-top: 5px;
margin-bottom: -5px;
}
#topicmenu-options{
margin-right: 10px;
margin-top: 5px;
margin-bottom : -5px;
}
#navstrip li a{
color: #fff;
}

.darkrow{
background-color: transparent;
background-image: url('http://i41.servimg.com/u/f41/16/91/74/39/row210.png');
padding: 0px;
height: 45px!important;
width: 1072px;
background-repeat: no-repeat;
border: none none !important;
}

#gfooter .footer-links{
float: none;
margin-top: 0px;
padding-right: 60px;
color: #000000;
}

.posting-options.topic-options{
width: 100%;
}

#qpost div.maintitle{
background-image: url("");
color: #FFF;
}

#qpost.row2{
background-color: #282828;
border: 1px solid #ffffff;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}
.qreply{
background-color: #161616;
border: 1px solid #000000;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}

.posting-options .posting-buttons {
margin-right: 0px;
}


#site-desc { margin: 0px; }

.popmenubutton a.addthis_button {
color: transparent;
}

#topicmenu-options.popmenubutton a {
color: transparent;
}



#i_icon_mini_index{width:101px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/accuei10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/accuei10.png) no-repeat 0 -66px;}

#i_icon_mini_faq{width:68px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/faq10.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/faq10.png) no-repeat 0 -66px;}

#i_icon_mini_search{width:106px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/cherch10.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/cherch10.png) no-repeat 0 -66px;}

#i_icon_mini_members{width:100px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/membre10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/membre10.png) no-repeat 0 -66px;}

#i_icon_mini_groups{width:93px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/groupe10.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/groupe10.png) no-repeat 0 -66px;}

#i_icon_mini_profile{width:76px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/profil10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/profil10.png) no-repeat 0 -66px;}

#i_icon_mini_message{width:100px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/messag10.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/messag10.png) no-repeat 0 -66px;}

#i_icon_mini_new_message{width:112px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/1messa10.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/1messa10.png) no-repeat 0 -66px;}

#i_icon_mini_logout{width:131px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/deconn10.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/deconn10.png) no-repeat 0 -66px;}

#i_icon_mini_register{width:134px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/enregi10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/enregi10.png) no-repeat 0 -66px;}

#i_icon_mini_login{width:119px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/connex10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/connex10.png) no-repeat 0 -66px;}






.i_remonter{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/remont10.png) no-repeat 0 0;}
.i_remonter:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/remont10.png) no-repeat 0 -32px;}

.i_modifier{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/modifi10.png) no-repeat 0 0;}
.i_modifier:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/modifi10.png) no-repeat 0 -32px;}

.i_citer{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/citer10.png) no-repeat 0 0;}
.i_citer:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/citer10.png) no-repeat 0 -32px;}

.i_effacer{width:115px; height:32px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/efface10.png)no-repeat 0 0;}
.i_effacer:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/efface10.png) no-repeat 0 -32px;}

.i_repondre{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 0;}
.i_repondre:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/repond10.png) no-repeat 0 -66px;}

.i_nouveau{width:115px; height:66px; background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 0;}
.i_nouveau:hover{background:url(http://i41.servimg.com/u/f41/16/91/74/39/nouvea10.png) no-repeat 0 -66px;}





.row1, .row2, .row1Right{
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

td.catBottom, td.catHead, th.thHead, td.thHead, td.thLeft, td.catLeft,td.thRight, td.catRight {
border: 2px solid #3a352f;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

Merci pour vos futurs réponses.
Cordialement
Tutox

[AenigmA]

Bonjour, c'est la largeur de ton avatar qui provoque ça, puisqu'ailleurs c'est bon

Si tu gardes cet avatar trop large tout le monde va trouver trop large
.postprofile {
    border-right: 1px solid white;
    float: left;
    margin-left: -18em;
    width: 27em;
}

Si tu le refaits
.postprofile {
    border-right: 1px solid white;
    float: left;
    margin-left: -18em;
    width: 18em;
}

[tutox]

ok je vais voir cela, en attendant merci