Bonsoir, d'après avoir effectué pas mal de recherches afin de trouver la bonne astuce pour remedier à ce bug s'agissant de l'absence des bordures ombragées en "png" situées à droite et à gauche de la page, il ont l'air de bien exister sous FF & chrome, mais le hic c'est que sous I.E je ne les vois pas, veuillez me guider vers le bon chemin, voilà donc le code accompagné de style css :
style.css
style1.css
La page sous FF : http://yfrog.com/0tsanstitre1anj
la page sous I.E 6: http://yfrog.com/0y43703456j
merci à vous.
Modifié par neoclust (18 Sep 2009 - 05:14)
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<link href="images/style.css" rel="stylesheet" type="text/css">
<link href="images/style1.css" rel="stylesheet" type="text/css">
<head>
</head>
<body>
<!--La page-->
<!--Tableau principal-->
<div class="pg_ctr">
<!-- colone gauche -->
<div class="pg_ombre">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="height:25; background-image: url(images/orange/t-dr.gif); background-repeat: repeat-x; background-position: top; "valign="top">
<table border="0" cellspacing="0" cellpadding="0" style="height:25; background-image: url(images/orange/t-dr.gif); background-repeat: repeat-x; background-position: top; "valign="top">
<tr>
<td style="height:42px" valign="top">
<div align="center" style="margin-top:15px" >
<table summary="" border="0" >
<tr>
<wsa menu/>
</tr>
</table>
</div></td>
</tr>
<tr>
<td style="height:104px" valign="top"><table width=980 border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="width:48%;" valign="top"><img alt="" border="0" src="images/orange/spacer.gif" width="1" height="39"><br>
<a href="index.html" ><img alt="" border="0" src="images/orange/logo.gif" style="margin-left:40px; "></a>
<img alt="" border="0" src="images/orange/slog.gif" style="margin-left:54px; "></td>
<td style="width:34%;" valign="bottom"><wsa logins/></td>
<td style="width:18%;" valign="top"><img alt="" border="0" src="images/orange/spacer.gif" width="1" height="39"><br>
<img src="images/orange/b-v-l.gif" alt="" hspace="0" vspace="0" border="0" align="left" >
<img alt="" border="0" src="images/orange/spacer.gif" width="1" height="13"> <br>
<a href="#" ><img alt="" border="0" src="images/orange/p-h.gif" style="margin-left:32px; "></a>
<a href="#" ><img alt="" border="0" src="images/orange/p-l.gif" style="margin-left:20px; "></a>
<a href="#" ><img alt="" border="0" src="images/orange/p-s.gif" style="margin-left:20px; "></a>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div id="col_1">ok ...
<div>
ok
</div>
<div>
ok
</div>
<div>
<p>ok </p>
</div>
</div>
<!-- colone droite -->
<div id="col_2">
</div>
<!-- colone centre -->
<div id="centre" valign="top">
<wsa content/>
<wsa form/>
</div>
</div>
</div>
<!-- Fin de tableau -->
</body>
</html>
style.css
@charset "iso-8859-1";
/* CSS Document */
body {
background:url(orange/fond.jpg) repeat-x white;
background-attachment: fixed;
margin:0;
color:#336382;
height:100%;
}
/********/
/* page */
/********/
.pg_ctr
{
width:1004px;
margin-top:0;
margin-left:auto;
margin-right:auto;
background:white;
}
.pg_ombre {
height: 100%;
background-image:url(orange/ombre_bk.png);
padding-left:4px;
padding-right:4px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="orange/ombre_bk.png", sizingMethod="scale");
}
div#col_1 {
float: left;
width: 20%;
margin-right: 10px;
}
div#col_2 {
float: right;
width: 20%;
margin-left: 10px;
}
div#centre {
width : 60%;
float:left;
}
style1.css
@charset "iso-8859-1";
body{font-family:Arial;font-size:11px}
.text{font-family:Arial;font-size:11px}
.results_table{border-style:solid;border-color:#edf0ed;border-width:1px 1px 1px 1px;width:98%}
.results_table_first_TR{height:26;background: url(../ADMIN/images/button_bg.gif)}
.adminButton{border-style:solid;border-color:#666465;border-width:1px 1px 1px 1px;background:#6d8ee2;color:#ffffff;font-family:Arial;font-size:11px;width:75px}
.div_margin{margin-right:7px;margin-left:7px;margin-bottom:7px;margin-top:7px}
.main_table{width:766px;border-style:solid;border-color:#a0b4ce;border-width:1px 1px 1px 1px;}
.main_table_top_td{background:#ffffff;height:80px;font-size:21px}
.main_table_menu_td{background:#c0d4ee;height:32px}
.main_table_bottom_td{background:#c0d4ee;text-align:center;height:28px}
.content_table_left_td{width:180px;background:#a0b4ce}
.content_table_right_td{background:#ffffff}
.admin_menu_td{}
.admin_border_td{border-style:solid;border-color:#f7eff7;border-width:0px 1px 1px 1px;}
.browse_job_vacancies_table{width:100%;background:#e0e0e0;height:203}
.browse_job_vacancies_table_first_td{height:30;background:#b3b3b3;font-weight:800;font-size:12;color:white}
.job_search_textfield{width:228;font-family:Arial;font-size:11px}
.home_page_table{width:480}
td.tdSpacer{background-color:#ffffff;border-style:solid;border-color:#f7eff7;border-width:0px 0px 1px 0px;}
td.top{background: url(../JOBSEEKERS/images/subhead_bg2.gif) repeat-x;color: #666666;border-style:none;border-color:#e7dfde;border-width:1px 1px 1px 1px;}
td.selected{background-color:white;border-style:none;border-color:#e7dfde;border-width:1px 0px 0px 0px;}
a.top{color: black; font-family: Arial; font-size: 11; font-weight: bold; text-decoration: none;}
a.selected{color: black; font-family: Arial; font-size: 11; font-weight: bold; text-decoration: none;}
.table_header
{
background: url(../ADMIN/images/subhead_bg.png) repeat-x;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
.highlight_text{font-weight:800}
La page sous FF : http://yfrog.com/0tsanstitre1anj
la page sous I.E 6: http://yfrog.com/0y43703456j
merci à vous.
Modifié par neoclust (18 Sep 2009 - 05:14)
