Css IE et Mozilla [Résolu/Fermé]

Signaler
Messages postés
229
Date d'inscription
mardi 15 janvier 2008
Statut
Membre
Dernière intervention
17 avril 2015
-
Messages postés
229
Date d'inscription
mardi 15 janvier 2008
Statut
Membre
Dernière intervention
17 avril 2015
-
Bonjour,
voilà j'ai un gros probléme je suis en train de créer un site en css avec oxatis mais le probléme c'est que je n'arrive pas à avoir le même rendu sur IE et mozilla j'ai mon aire de donné qui va être nickel sur IE mais placé beaucoup trop haute sous mozilla, safari et chrome (en image ici: http://www.ordirepair.com/#/ccm/3224991 )en faisant les test sous mozilla avec firebug et web développer pour trouvé les bons attribut, bodyaera top: 119px; sous mozilla, safari... super mais par contre sous IE et opéra ben sous le menu j'ai les 119px de vide donc je ne sais pas quoi faire je retourne tous depuis plus d'une semaine je ne trouve pas.

ce qu'il faut savoir c'est que ma banniere est en flash et le menu aussi donc de ce fait ils sont inscrit dans les propriétés entête et menu html

je vous donne mon css complet:

body.PB {
text-align:center;
font-family: Verdana;
background-color: #333333;
}


/* MAIN >> General page container */
#maincontainer {
text-align:left;
margin:0 auto;
width:980px;
}

#topbanner {
display:block;
width:100%;
text-align:center;
padding-bottom:10px;
line-height:0px;
}

/* HEADER STYLES >> General layout configuration - Configuration de la mise en page des éléments*/
#headercontainer {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
position:relative;/* Necessary for correct display of dropdown menus */
z-index:100;/* Necessary for correct display of dropdown menus */
}
#headerarea {
position:relative;
margin:0;
padding:0;
background-image: url(/DesignCss/18000/65/layoutAblue-header.jpg);
background-repeat: no-repeat;
height: 180px;
}
#headercolumn1 {}
#headerlogo {
position: absolute;
left: 10px;
top: 10px;
width: 200px;
height: 130px;
display: table;
vertical-align: middle;
text-align: center;
}
#headerlogo a {
display: table-cell;
height: 130px;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
vertical-align: middle;
}
#headerlogo img {
border: none;
}
#headerbanner {
display:block;
width:100%;
text-align:center;
}

#headerdata {
width:560px;
position: absolute;
left: 310px;
top: 35px;
padding: 0px;
margin: 0px;
text-align: center;
}
#headertext {
font-weight: bold;
color: #FFFFFF;
font-size: 24px;
font-family:Arial, Helvetica, sans-serif;
display: block;

}
#headerbanner {
}
/* HORIZONTAL MENU >> menu block - Boîte menu*/
#headermenu {
position: absolute;
top: 149px;
left: 0px;
width: 980px;
padding: 0px;
overflow: visible;
background-color: #000D75;
border-bottom: 2px solid #000D75;

}
/* HORIZONTAL MENU >> menu items layout configuration - Configuration de la mise en page des éléments*/
ul#hmenu {
float: right;
margin: 0px;
list-style-position: outside;
list-style-type: none;
padding: 0px;
}
#hmenu li {
position:relative; /* Necessary for submenu positioning */
float: left;/* only left to keep menu items in the correct order*/

}

/* HORIZONTAL MENU >> Link styles - Mise en forme des liens*/
#hmenu a.menu, #hmenu span {
display: block;
color: #FFF;
_width: 1px;
white-space: nowrap;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 7px;
padding-left: 10px;
text-decoration:none;
}

/* HORIZONTAL MENU >> mouseover links styles - Elément survolé*/
#hmenu li a:hover {
}
#hmenu a.menu:hover, #hmenu a.subactive {
text-decoration:none;
background-color: #525AA2;
}
/* HORIZONTAL MENU >> - text styles - Mise en form des Textes*/
#hmenu span {

}
/* HORIZONTAL MENU >> First element (border before first menu item) - Premier élément (bordure)*/
#hmenu li.begin {
display: block;
float: left;
width: 1px;
margin: 0px;
padding: 0px;
}

/* HORIZONTAL MENU >> Last element (border after last menu item) - Dernier élément (bordure)*/
#hmenu li.end {
width: 1px;/*necessary when floating the ul to the right*/
display: block;
float: left;
margin: 0px;
padding: 0px;
border:none;
}
/* HORIZONTAL MENU >> Menu items - Eléments*/
#hmenu li.mitext {
text-align:center;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
}
#hmenu li.miimg img {
border:none;
}
/* HORIZONTAL SUBMENU >> */
ul#hmenu li div {
margin:0;
border:none;
padding-top:0;
}
ul#hmenu li ul.submenu{
list-style-position: outside;
list-style-type: none;
padding: 0;
margin:0;
background-color: #525AA2;/*DEFINE BG COLOR HERE */
position:absolute;
visibility:hidden;
left:0px;
}
ul#hmenu li.mitext ul.submenu li {
letter-spacing:normal
}
ul#hmenu li ul.submenu li {
float:none;/* cancels inherited float properties */
clear:both;
}
ul#hmenu li ul.submenu a, ul#hmenu li ul.submenu span,ul#hmenu li ul.submenu li.mispacer, ul#hmenu li ul.submenu li.misep {
border:none;/* cancels inhertited left and right borders */
padding-left:10px; /* set lateral padding here*/
padding-right:10px;
width:200px;/* set submenu width here */
}
/* Class used to specify the rightmost item on the horizontal menu and correctly position it's submenu */
ul#hmenu li.menuright ul.submenu{
left:auto;
right:0px;
*right:-5px; /* for IE only */
}
ul#hmenu li ul.submenu li.begin{
display:none;
}
ul#hmenu li ul.submenu li.mispacer{
height:15px;
}
ul#hmenu li ul.submenu li.misep{
height:1px;
border-bottom: 1px solid #FFFFFF;
}

ul#hmenu li ul.submenu li.end{
display:none;
}
/* Submenu section titles */
#hmenu li ul.submenu li.mititle span, #hmenu li ul.submenu li.mititle a {
color:#FFFFFF;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-align: left;
}
#hmenu li ul.submenu li.mititle a:hover {
}
ul#hmenu li.mitext ul.submenu li.mitext{
text-align: left;
}
ul#hmenu li ul.submenu li.menusep {
}
ul#hmenu li ul.submenu li.mitext span, ul#hmenu li ul.submenu li.mitext a{
display:block;
font-size: 11px;
line-height: 14px;
font-weight: normal;
white-space:normal;
margin: 0px;
padding-top: 4px; /* set vertical padding here*/
padding-bottom:4px;
}
ul#hmenu li ul.submenu li a:hover {
background-color: #000D75;
}

/* HORIZONTAL SUBMENU END */
/* END HEADER STYLES */

/* CONTENT STYLES */
#bodycontainer {
/*background-color: #FFFFFF;*/
margin: 0px;
padding: 0px;
position:relative;
z-index:50;/* necessary for submenus */
}
#bodyarea {
margin:0;
position:relative;
width: 980px;
min-height:450px;
height:auto;
background-image: url(/files/xxxxxx/txt.jpg);
}
/* for min-height in IE */
/*\*/
*html #bodyarea {
height:450px;
}
/**/
#bodycolumn1 {
float:left;
position:relative;
width:250px;
margin: 0px;
padding: 0;
}
#bodycolumn2 {
margin:0 0 0 255; /* right margin leaves room for #bodycolumn1 */
padding:0;
}
#bodycolumn3 {
position:absolute;
top:-100px;
right:-20px;
background-color:silver;
margin:0;
padding:0;
}
#verticalbanner {
position:absolute;
left:0;
top:0;
}

#bodytopbanner {
display:block;
width:100%;
text-align:center;
margin-bottom:10px;
line-height: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
#bodydata {
margin: 0px;
padding: 0px;
}
#bodyarea {
margin: 0px;
padding: 0px;
}
#bodydata form {
margin: 0px;
padding: 0px;
}
/* clear floating in bodycolumns 1 and 3 and lengthen the page if a floating column is longer than main content in #bodycolumn2 */
.clearbodycontainer {
clear:both;
font-size:1px;
line-height:0px;
}
/* END CONTENT STYLES */

/* VERTICAL MENU >> General layout configuration - Configuration de la mise en page générale*/
#verticalmenu {
display:block;
margin:0;
overflow:visible;
background-image: url(/DesignCss/18000/65/layoutAblue-vmenuBody.gif);
background-repeat: repeat-y;
padding:15 0 0 0;
text-align: left;
background-position: left;
}
/* VERTICAL MENU >> Menu items layout styles - Configuration de la mise en page des éléments*/
ul#vmenu {
margin:0;
list-style-position: outside;
list-style-type: none;
background-image: url(/DesignCss/18000/65/layoutAblue-vmenuBottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
padding-top: 0;
padding-right: 0;
padding-bottom: 30;
padding-left: 0;
}
#vmenu li {
position:relative; /* Necessary for submenu positionneing */
}
#vmenu li a, #vmenu li span, #vmenu li.misep, #vmenu li.mispacer {
width:250px; /* set menu width here */
}
#vmenu li.miimg {
text-align: center;
}
#vmenu li.miimg img {
border:none;
}

/* VERTICAL MENU >> First element (border before first menu item) - Premier élément (bordure)*/
#vmenu li.begin {
display:none;
}

/* VERTICAL MENU >> Last element (border after last menu item) - Dernier élément (bordure)*/
#vmenu li.end {
display:none;
}
/* VERTICAL MENU >> Menu items - Eléments*/
/* VERTICAL MENU >> Titles for sub sections */
#vmenu li.mititle span, #vmenu li.mititle a.menu {
font-size: 14px;
font-weight: bold;
display:block;
color: #000D75;
line-height: 25px;
text-decoration:none;
}
#vmenu li.mititle a.menu:hover, #vmenu li.mititle a.subactive {
text-decoration: none;
background-color: #E4E5F0;;
}
/* End Section Titles */
#vmenu li.mitext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height: 25px;
color:#000000;
}
#vmenu li.menusep {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CDCFE3;
}
/* VERTICAL MENU >> Spacers - Eléments de type espace*/
#vmenu li.mispacer {
height:20px;
}
/* VERTICAL MENU >> Separators - Eléments de type séparateur*/
#vmenu li.misep {
height:42px;
background-image: url(/DesignCss/18000/65/layoutAblue-vmenuSeparator.gif);
background-repeat: no-repeat;
background-position: left top;
}

/* VERTICAL MENU >> Link styles - Mise en forme des liens*/
#vmenu a.menu, #vmenu span {
text-decoration:none;
display:block;
color:#000000;
line-height: 14px;
padding:5px 0;
text-indent:10px;
}
/* VERTICAL MENU >> mouseover links styles - Elément survolé*/

#vmenu li.mitext a.menu:hover, #vmenu li.mitext a.subactive {
background-color:#C5C7DE;
font-weight: bold;
}
#vmenu li.miimg a.menu {
text-indent:0;
}
#vmenu li.miimg a.menu:hover, #vmenu li.miimg a.subactive {
background-color:#C5C7DE;
}
#vmenu li.miimg a.menu img {
border: none;
}
#vmenu li.miimg a.menu:hover img {
border:none;
}
/* VERTICAL MENU SUBMENUS >> BEGIN */
ul#vmenu li div{
padding:0px;
margin:0;
border: none;
}
ul#vmenu li ul.submenu{
list-style-position: outside;
list-style-type: none;
padding: 0;
margin:0;
background-color:#C5C7DE;
position:absolute;
top:-1px;
visibility:hidden;
left:250px;
}
/* Class used to specify the Bottommost item on the Vertical menu and correctly position it's submenu */
ul#vmenu li.menuup ul.submenu{
bottom:-1px;
top:auto;
}
ul#vmenu li ul.submenu li {
margin:0;
}
ul#vmenu li ul.submenu li a, ul#vmenu li ul.submenu li span, ul#vmenu li ul.submenu li.misep, ul#vmenu li ul.submenu li.mispacer {
width:200px;
padding-left:10px;
padding-right:10px;
text-indent:0;/* cancels inherited text-indent properties */
}

ul#vmenu li ul.submenu li a.menu:hover {
text-indent:0;/* cancels inherited text-indent properties */
}
ul#vmenu li ul.submenu li.misep {
height:1px;
border-bottom: 1px solid #000D75;
background: url(none);
}
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu {
margin: 0px;
padding-top: 4px;
padding-bottom:4px;
font-size: 12px;
color:#000D75;
line-height: 15px;
font-weight: bold;
text-decoration:none;
text-align: left;
}
#vmenu li ul.submenu li.mititle a.menu:hover {
background-color: #E4E5F0;
}
ul#vmenu li ul.submenu li.mitext a.menu, ul#vmenu li ul.submenu li.mitext span {
font-size: 11px;
font-weight: normal;
text-decoration: none;
line-height:14px;
padding-top:4px;
padding-bottom:4px;
}
ul#vmenu li ul.submenu li.mitext a.menu:hover{
background-color: #E4E5F0;
background-image: none;
font-weight:normal;
}
ul#vmenu li ul.submenu li.miimg a.menu:hover{
background-color: #E4E5F0;;
background-image: none;
}
ul#vmenu li ul.submenu li.menusep {
border:none;
}
/* VERTICAL SUBMENU END */

/* FOOTER STYLES */
#footercontainer {
clear:both;
margin:0;
padding:0;
width:100%;
height: 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
}
#footerarea {
width:980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
background-image: url(/files/xxxxxx/basseul.jpg);
height: 100px;
background-repeat: no-repeat;
}
#footermenu {
background-color:#ddd;
margin:0;
padding:0;
overflow:visible;
}
/* FOOTER MENU >> Menu items layout - Configuration de la mise en page des éléments*/
ul#fmenu {
width:980px;
list-style-type:none;
padding:0;
white-space:nowrap;
text-align:center;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
#fmenu li {
border:none;
display:inline;
line-height: 20px;
padding:0;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 10px;
}
/* FOOTER MENU >> Link styles - Mise en forme des liens*/
#fmenu a.menu {
padding:0;
text-decoration:none;
font-size: 10px;
color: #000000;
}
/* FOOTER MENU >> mouseover links styles - Elément survolé*/
#fmenu li a:hover {
color: #0066FF;
}
#fmenu a.menu:hover {
text-decoration:none;
}
/* FOOTER MENU >> First element (border before first menu item) - Premier élément (bordure)*/
#fmenu li.begin {
display: none;
}
/* FOOTER MENU >> Separator between menu items - Separateur entre les éléments*/
#fmenu li.sep {
background-color:green;
}
/* FOOTER MENU >> Last element (border after last menu item) - Dernier élément (bordure)*/
#fmenu li.end {
display: none;
}
/* FOOTER MENU >> Separator */
#fmenu li.misep {
display:block;
height:0px;
width:0px;
margin:0;
font-size:0px;
line-height:0px;
}
/* END FOOTER MENU */

/* COPYRIGHT and CREDITS */
#copyright {
padding: 5px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#copyright span {
padding-top: 5px;
padding-right: 50px;
padding-left: 50px;
}
#poweredby {}
#poweredby a, #poweredby a:link, #poweredby a:visited {
color: #0000CC;
text-decoration:none;
}
#poweredby a:hover {
text-decoration:underline;
border:none;
}
#poweredby span {}
/* END COPYRIGHT and CREDITS */

/* END FOOTER */

/*LANGUAGE ICONS */
#langflags {
text-align:center;
margin: 0;
padding: 10px 0px;
}
#langflags ul, #langflags li, #langflags a, #langflags span {
margin: 0;
padding: 0;
}
#langflags ul {
list-style-type:none;
list-style-position:outside;
text-align:center;
}

#langflags ul li {
display: inline;
text-align: center;
}
#langflags ul li a span {
background-repeat:no-repeat;
display: inline;
white-space: nowrap;
text-align: center;
cursor:pointer;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 3px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
font-size: 12px;
background-position: center center;
height: 15px;
width: 22px;
line-height: 1.2em;
}
#langflags a span {
border:1px solid #999;
}
#langflags a:hover span {
border:1px solid #FFCC00;
}
#flag0 {
background: #FFF url(/DesignCss/SharedImages/FlagL0.gif) no-repeat;
}
#flag1 {
background: #FFF url(/DesignCss/SharedImages/FlagL1.gif) no-repeat;
}
#flag2 {
background:#FFF url(/DesignCss/SharedImages/FlagL2.gif) no-repeat;
}
#flag3 {
background:#FFF url(/DesignCss/SharedImages/FlagL3.gif) no-repeat;
}
#flag4 {
background:#FFF url(/DesignCss/SharedImages/FlagL4.gif) no-repeat;
}
#flag5 {
background:#FFF url(/DesignCss/SharedImages/FlagL5.gif) no-repeat;
}
/* END LANGUAGE ICONS */


#bannervertical {
position:absolute;
left:0;
top:0;
width:0px;
margin-left:20px;
}

.navbar {

}
.navbar span, .navbar select {
font-family:arial;
font-size:14px;
font-style:normal;
font-weight: bold;
padding: 0px;
}
.navbar ul {
list-style-position: outside;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.navbar li {
padding:0;
margin: 0;
border:0;
display: inline;
line-height: normal;
}
.navbar a, .navbar a:visited, .navbar .off {
color:#666;
text-decoration: none;
}
.navbar a:hover {
color:#ccc;
font-weight: bolder;
text-decoration: underline;
}

.navbar span {
white-space:nowrap;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 1px;
}
a span.navfirst, a span.navprev, a span.navnext, a span.navlast {
margin: 0 5;
}
.navfirst {

}
.navprev {

}
.navnext {

}
.navlast {

}
.navbar select {
background-color:#FFFFFF;
color:#000;
}
.view {
width:100%;
margin: 0px;
padding: 0px;
}
.viewtbl {
width:100%;
border:0;
padding:0;
margin:0;
border-collapse: collapse;
border-spacing: 0px;

}
.sectiontb {
padding:0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 10px;
}
.sectiontbarea {
margin: 0px;
padding: 0px;
_width: 100%; /* Fixes a bug in IE (related to the site's structure) */
}



.sectiondata {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
padding: 0px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.sectiondataarea {
_width: 100%; /* Fixes a bug in IE (related to the site's structure) */
padding-top: 10px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 10px;
margin: 0px;
}
.imgbordernone, .imgthumbnail, .imgmain, .imgcat {
border:none;
}
/*** BUTTONS & ICONS ***/
/* Main buttons */
a.btnmain {
line-height: 1.7em;
white-space:nowrap;
margin: 2px 0px;
color:#fff;
font-family:Verdana;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding: 2px 5px 2px 5px;
background-color: #000D75;
}

a.btnmain:hover{
text-decoration:none;
background-color:#747AB4;
color:#FFFFFF;
}
a#btnsearch, a#btnsearchnow, a#btnviewcart {
padding-left : 20px;
background: #000D75 no-repeat 4px center;
}
a#btnsearch:hover, a#btnsearchnow:hover, a#btnviewcart:hover {
background-color: #6F75B1;
}
a#btnsearch, a#btnsearchnow {
background-image: url(/DesignCss/SharedImages/white/Search.gif);
}
a#btnviewcart {
background-image: url(/DesignCss/SharedImages/white/ShopBag.gif);
}
/* Secondary buttons */
a.btnsub {
font-size:10px;
font-weight:bold;
color:#000D75;
text-decoration:none;
padding:4px 0px 4px 23px;
background: url(/DesignCss/SharedImages/bullet.gif) no-repeat left center;
line-height: 2em;
margin: 10px 0px;
}
a.btnsub:hover {
text-decoration:underline;
}
a#btnemailfriend {
background: url(/DesignCss/SharedImages/EMail.gif) no-repeat 0px 0px;
}
a#btnaddtofav {
background: url(/DesignCss/SharedImages/Favorite.gif) no-repeat 0px 0px;
}
a#btnattachment {
background: url(/DesignCss/SharedImages/Attachment.gif) no-repeat 0px 0px;
}

/* icons */
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb, #iconmap {
width:19px;
height:19px;
border:0px;
vertical-align: text-bottom;
margin:1px;
}
#icontrash {
background: url(/DesignCss/SharedImages/TrashCan.gif) no-repeat;
}
#iconerror {
background: url(/DesignCss/SharedImages/Error.gif) no-repeat;
}
#iconwarning {
background: url(/DesignCss/SharedImages/Warning.gif) no-repeat;
}
#iconsalespolicy {
background: url(/DesignCss/SharedImages/SalesPolicy.gif) no-repeat;
}
#iconattachment { /* Mail */
background: url(/DesignCss/SharedImages/Attachment.gif) no-repeat;
}
#iconemail {
background: url(/DesignCss/SharedImages/EMail.gif) no-repeat;
}
#iconweb {
background: url(/DesignCss/SharedImages/Web.gif) no-repeat;
}
#iconmap {
background: url(/DesignCss/SharedImages/Map.gif) no-repeat;
}
/*** END BUTTONS & ICONS ***/

.blockshortcut {
display:block;
width:202px;
color: #000;
background-image: url(/DesignCss/18000/65/layoutA-blockshortcutTop.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 0;
margin-right: 0px;
margin-bottom: 5;
margin-left: 10;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.blockarea {
background-image: url(/DesignCss/18000/65/layoutA-blockshortcutBottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.blockcontainer {
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


.blockshortcut, .blockshortcut input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}
.blockshortcut form, .blockshortcut p, .blockshortcut span, .blockshortcut input, .blockshortcut select, .blockshortcut textarea, .blockshortcut a {
margin:0;
padding:0;
}
.blockshortcut a, .blockshortcut a:link, .blockshortcut a:visited {
color: #0000CC;
text-decoration:none;
}
.blockshortcut a:hover {
text-decoration:underline;
border:none;
}
.blockshortcut input {


}
#blockuserlogin .LoginTagLine {

}
#blockuserlogin .email, #blockuserlogin input.password, #blocksearch .searchtext, #blocknewsletter .email, #blockcoupon input.coupon {
margin: 2 2 2 0;

}
#blockuserlogin .email, #blockuserlogin input.password {
width: 160px;
}
.blockshortcut input.blockbtn {
margin-top: 5;
margin-right: 5;
margin-bottom: 2px;
margin-left: 0;
}
.blockshortcut input.blockbtn:hover {

}
#blockuserlogin .blockbtn {
margin-right:5px;
}


#blockuserlogin .firstvisit, #blockuserlogin .firstvisit a {
display:block;
}
#blockuserlogout .hellouser {
display:block;
}
#blockuserlogout .viewaccountinfo {
display:block;
}
#blocksearch .searchtext {
display:block;
float:left;
width: 160px;
}
#blocksearch .searchimg {
display:block;
float:left;
background-image:url(/DesignCss/SharedImages/Search.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:2px;
width:20px;
height:19px;
}
#blocksearch .blockbtn {
display:block;
clear:both;
}

#blocknewsletter .newstagline {
}
#blocknewsletter label {
}
#newsok {
margin-right: 5px;

}
#newsko {
margin-right: 5px;

}
#blocknewsletter .email {
width: 130px;
}
#blocknewsletter .blockbtn {
margin-top: 5px;
}
#blockrssfeeds a.rss {
background-image:url(/DesignCss/SharedImages/RSSFeeds.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:100px;
font-size: 20px;
line-height: 25px;
}
#blockrssfeeds a.rss:hover {
text-decoration:none;
}
#blockrssfeeds span.rss {
display:inline;
}
#blockcoupon span.coupon {
display:block;
}
#blockcoupon input.coupon {
width: 130px;
margin-right: 5px;
}
#blockcoupon .blockbtn {
}



/********************************************************/
/* @CONTENT */
/********************************************************/


/*** ORIGINAL CSS ***/
BODY.PBPW {
background-color:#FFFFFF;
color:#000000;
font-family:Verdana;
background-image: url(/DesignCss/18000/65/popup-bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
margin: 20px;
height: 100%;
}

.PBPTitle {
color:#0000CC;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16pt;
font-style:normal;
margin: 0px;
padding: 0px;
line-height: 18px;
}
.PBSTitle { color:#666; font-family:Verdana; font-weight:bold; font-size:12pt; }
.PBColHead { color:#000000; font-family:Verdana; font-size:10pt; }
.PBStatic { color:#393939; font-family:Verdana; font-weight:bold; font-size:8pt; }
.PBMsg { color:#000015; font-family:Verdana; font-size:9pt; }
.PBErrMsg { color:#FF0000; font-family:Verdana; font-weight:bold; font-size:10pt; }
.PBMainTxt { color:#0000CC; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:9pt; font-style:normal; }
.PBShortTxt { color:#333; font-family:Verdana; font-size:9pt;}
.PBLongTxt { color:#230023; font-family:Verdana; font-size:8pt; }
.PBCurrency { color:#000000; font-family:Arial; font-weight:bold; font-size:10pt; }
.PBDate { color:#000000; font-family:Verdana; font-size:10pt; font-style:italic; }
.PBNumber { color:#000000; font-family:Verdana; font-weight:bold; font-size:10pt; font-style:italic; }
A.PBLink { color:#0000CC; font-size:20pt; text-decoration:none; }
A.PBLink:hover { color:#0000CC; font-size:20pt; text-decoration:underline; }

HR.PBMain { color:#000000; height:2; }
HR.PBSub { color:#000000; height:1; }
TEXTAREA.PB { color:#000000; font-family:Verdana; font-size:8pt; font-style:normal; }
SELECT.PB {
color:#000000;
font-family:Verdana;
font-size:8pt;
font-style:normal;
background-color: #fff;
margin: 0px;
padding: 0px;
}
INPUT.PB { color:#000000; font-family:Verdana; font-size:8pt; font-style:normal;}
INPUT.PBBtnStd { color:#000000; font-family:Verdana; font-weight:bold; font-size:8pt; }
A.PBBtnStd { color:#666; font-family:Verdana; font-weight:bold; font-size:8pt; text-decoration:none; }
A.PBBtnStd:hover { color:#ccc; font-family:Verdana; font-weight:bold; font-size:8pt; text-decoration:underline; }
.PBReqNote { color:#000000; font-family:Verdana; font-size:9pt; font-style:italic; }


merci d'avance

2 réponses

Messages postés
716
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
9 avril 2012
104
je sais pas si tu te rend compte mais c'est hyper long ce que tu donne ...

http://jigsaw.w3.org/css-validator/
peut etre qu'en respectant mieu les standards ça marchera mieu

désoée dur de faire plus
Messages postés
229
Date d'inscription
mardi 15 janvier 2008
Statut
Membre
Dernière intervention
17 avril 2015
16
bonjour, ok je sais que c long voilà la solution j'ai ressorti mes livres de css, pour cela il suffit juste de mettre ce hack derriere les regle css en sachant que la première parti c ce que ie va voir:
div content{
top: 0px;
voice-family: "/"}/"";
voice-family: inherit;
top: 119px;

et la derniere c ce que mozilla va voir donc maintenant à vous de faire votre code il faut juste avoir ca entre les 2
voice-family: "/"}/"";
voice-family: inherit;

mais je vais posé un autre topic car cela marche avec ie, ff, safari, chrome mais pas avec opera