le 19/03/2009 à 09:59
Probleme avec IE
Bonjour,
J'ai un problème d'affichage sur mon site avec IE qui est le seul à ne pas afficher correctement ma feuille de style.Pour l'instant je sèche.
Pouvez-vous m'aider?
J'ai un problème d'affichage sur mon site avec IE qui est le seul à ne pas afficher correctement ma feuille de style.Pour l'instant je sèche.
Pouvez-vous m'aider?
frames.css
body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
color:#ffffff;
font-size:10;
overflow:auto;
}
/*div#fondbleucontentEdito {
top:230px;
height:100%;
width:480px;
float:left;
background-color:#06275f;
position:fixed;
margin-left:160px;
z-index: 0;
}
div#fondbleucontent {
top:170px;
height:100%;
width:640px;
background-color:#06275f;
position:fixed;
}*/
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
position:fixed;
width:100%;
top:0;
left:0;
z-index: 1;
}
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
padding:170px 0 0 0;
margin-left:0;
/* set left margin and bottom padding for others */
margin-left:0px;
padding-bottom:20px;
z-index: 1;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
width:100%;
position:fixed;
bottom:0;
z-index: 1;
}
div#header {
height:170px;
width:800px;
margin:0 auto;
background:#06275f;
z-index: 1;
}
div#middle {
width:800px;
height:100%;
margin:0 auto;
background:#06275f;
z-index: 1;
}
div#sidebar {
width:160px;
height:100%;
float:left;
background:#1C468D;
position:fixed;
z-index: 1;
}
div#contentEdito {
/* set left margin and bottom padding for IE5/Win */
padding:60px 0 0 0;
padding-bottom:20px;
margin-left:310px;
width:330px;
float:left;
background:#06275f;
z-index: 1;
}
div#content {
position:static;
padding-top:60px;
padding-bottom:20px;
margin-left:160px;
width:480px;
float:left;
background:#06275f;
z-index: 1;
}
div#scoop {
top:230px;
height:100%;
width:150px;
float:left;
background:#06275f;
position:fixed;
margin-left:160px;
z-index: 1;
}
div#edito {
position:static;
left:300px;
width:330px;
overflow:hidden;
margin:0 auto;
background:#06275f;
padding-bottom:20px;
z-index: 1;
}
div#BPub {
top:170px;
height:60px;
width:480px;
float:left;
background:#ffffff;
position:fixed;
margin-left:160px;
z-index: 1;
}
div#BlkD {
height:100%;
width:160px;
margin-left:640px;
background:#f8d447;
position:fixed;
z-index: 1;
}
div#footer {
height:20px;
width:800px;
margin:0 auto;
background:#d6262a;
z-index: 1;
}
/*style du bouton de connexion à la session*/
input {
border:1px solid #D6262A;
background-color:#06275F;
font-family:"arial";
font-size:15;
color:#F8D447;
width:100px;
height: 20px;
}
.texteboutton{
font-family: verdana, arial, sans-serif;
color:#06275f;
font-size:10;
}
.admIcones{
width:20px;
height:20px;
border:0px;
background-color:transparent;
}
a.edito {
color:#ffffff;
text-decoration:none;
margin:0;
border:0px solid #ffffff;
}
.edito:hover{
color:#ffffff;
text-decoration:underline;
margin:0;
}
a.bouton{
border:0px solid #ffffff;
}
.bouton:hover{
margin:0;
}
table{
border-collapse:collapse;
border:0px;
}
td{
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
border: 0px;
}
tr{
border-collapse:collapse;
border:0px;
}
select.liste{
border:1px solid #FFFFFF;
background-color: #D6262A ;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#F8D447;
height: 16px;
}
.liste2{
border:1px solid #FFFFFF;
background-color: #F8D447 ;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#D6262A;
height: 16px;
width=140px;
}
.cellule{
border:1px solid white;
vertical-align: middle;
border-collapse:collapse;
}
.cellule2{
border:1px solid white;
vertical-align: middle;
border-collapse:collapse;
}
img{
border:0px solid black;
}
.adminPhoto{
margin-left: 15px;
margin-top: 5px;
width: 100px;
height: 110px;
}
.adminAffPhoto{
width: 106px;
height: 80px;
border:0px;
}
.adminSaisie {
border:1px solid #d6262a;
background-color:#f8d447;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#d6262a;
width:140px;
height: 18px;
}
.adminSaisieScore {
border:1px solid #ffffff;
background-color:#d6262a;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#f8d447;
width:25px;
height: 18px;
}
.adminTextarea{
border:1px solid #d6262a;
background-color:#f8d447;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#d6262a;
width:400px;
height: 150px;
}
.adminSubmit {
top:2px;
border:1px solid #f8d447;
background-color:#d6262a;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#f8d447;
width:140px;
height: 18px;
}
.adminSubmitOK {
top:2px;
border:1px solid #f8d447;
background-color:#d6262a;
font-family: verdana, arial, sans-serif;
font-size:10;
font-weight: bold;
color:#f8d447;
width:25px;
height: 18px;
}
.adminContenu {
position:Relative;
top : 20px;
left : 20px;
right: 20px;
bottom: 20px;
width : 440px;
overflow : auto;
background-color: #06275f;
border:1px solid #d6262a;
font-size:10px;
}
nom_du_fichier
<?
include("../start.php");
include("fonctions.php");
?>
<head><script type='text/javascript' src='une.js'></script>
<link href='une.css' rel='stylesheet'>
<script language="javascript" type="text/javascript">
var Navigateur = navigator.appName;
if(Navigateur == "Microsoft Internet Explorer"){
window.onload = fenetre;
}
</script>
<script type="text/javascript" src="../slimbox/js/mootools.js"></script>
<script type="text/javascript" src="../slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="../slimbox/css/slimbox.css" type="text/css" media="screen" />
<?
echo "<link href='../frames.css' rel='stylesheet' />";
echo "<link href='../style/style.css' rel='stylesheet' type='text/css' /></head>";
function scoop(){
echo "<div class='scoop'>";//-------------------------------------------------------------------------------------------------------------------------------------------------------------------
//image
$res_edito=mysql_db_query("roflesselles","SELECT id_edito,photo FROM rof_edito order by date DESC, heure DESC");
$nb_edito=mysql_num_rows($res_edito);
for($i=1;$i<=$nb_edito;$i++){
$Aff_edito=mysql_fetch_array($res_edito);
if($Aff_edito[1]!=NULL && $dejavu==NULL){
$img="../aff_image3.php?id=$Aff_edito[0]";
$dejavu=1;
}
}
echo "<br><center><div id='grandeimage'><a href='#'><img src='$img' border=0></img></a></div></center>";
//lien popup forum
echo "<center><br>";
popupImg("http://www.roflesselles.com/forum/","forumROF","images/photo_forum_f.png","130","edito");
echo "</center>";
//lien popup boutique
echo "<center><br>";
popupImg("http://www.spreadshirt.net/shop.php?sid=231364","boutique","images/photo_forum_b.png","130","edito");
echo "</center>";
//lien popup comité
echo "<center><br>";
popupImg("http://comite.des.flandres.free.fr/","comite","images/flandres.png","110","edito");
echo "</center>";
echo "</div>";
}
function edito(){
//calcul de k (le nombre total d'image dans la page d'accueil
$res_edito=mysql_db_query("roflesselles","SELECT photo FROM rof_edito order by date DESC, heure DESC");
$nb_edito=mysql_num_rows($res_edito);
$k=0;
for($i=1;$i<=$nb_edito;$i++){
$Aff_edito=mysql_fetch_array($res_edito);
if($Aff_edito[0]!=NULL) $k++;
}
//affichage des news
$res_edito=mysql_db_query("roflesselles","SELECT DATE_FORMAT(date, '%d/%m/%Y'),titre,message,lien,target,lien_type,photo,id_edito FROM rof_edito WHERE OnOff=1 ORDER BY date DESC, heure DESC");
$nb_edito=mysql_num_rows($res_edito);
echo "<div class='edito'><br>";//-------------------------------------------------------------------------------------------------------------------------------------------------------------------
$j=0;
echo "<div id='conteneur'>";//debut des images
for($i=1;$i<=$nb_edito;$i++){
$Aff_edito=mysql_fetch_array($res_edito);
if($Aff_edito[6]!=NULL){
$j++;
$num_img="img$j";
$num_href="href$j";
}
$image="../aff_image3.php?id=$Aff_edito[7]";
echo "<table width=95% align=center cellspacing=0 cellpadding=0 border=0><tr>";
echo "<td><img src='images/edito_gauche_titre.gif' height=20 ></td>";
if($Aff_edito[5]==1){//pas de lien
if($Aff_edito[6]!=NULL){
echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>";
echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>";
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: $Aff_edito[0]: $Aff_edito[1]</b></td>";
}else{
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: $Aff_edito[0]: $Aff_edito[1]</b></td>";
}
}else{//liens dans les fenêtres
if($Aff_edito[5]==2 || $Aff_edito[5]==3 || $Aff_edito[5]==4 || $Aff_edito[5]==6){
$res_edito_liens=mysql_db_query("roflesselles","SELECT lien_droite FROM rof_edito_liens WHERE id_edito_liens=$Aff_edito[5]");
$Aff_edito_liens=mysql_fetch_array($res_edito_liens);
if($Aff_edito[6]!=NULL){
echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>";
echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>";
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";
}else{
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";
}
echo "<a href='$Aff_edito[3]' class='edito'>$Aff_edito[0]: $Aff_edito[1]</b></a></td>";
}else{
if($Aff_edito[5]==5){//affiche les lien en photos
if($Aff_edito[6]!=NULL){
echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>";
echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>";
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";
}else{
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";
}
$res_titrePhotos=mysql_db_query("roflesselles","SELECT id_photo_titre,Titre,DATE_FORMAT(date, '%d/%m/%Y') FROM rof_photo_titre WHERE id_photo_titre=$Aff_edito[3]");
$Aff__titrePhotos=mysql_fetch_array($res_titrePhotos);
$res_Photos=mysql_db_query("roflesselles","SELECT id_photo,id_photo_titre,commentaire,DATE_FORMAT(ph_date, '%d/%m/%Y'),TIME_FORMAT(ph_heure, '%H:%i'),ph_qui FROM rof_photos WHERE id_photo_titre=$Aff__titrePhotos[0] ORDER BY ph_date,ph_heure ASC");
$nb_Photos=mysql_num_rows($res_Photos);
for($z=1;$z<=$nb_Photos;$z++){
$width=0;
$Aff_Photos=mysql_fetch_array($res_Photos);
$res3=mysql_db_query("roflesselles","SELECT j_Nom,j_Prenom FROM rof_joueurs WHERE `id_joueur`=$Aff_Photos[5]");
$Affiche3=mysql_fetch_array($res3);
$nom=$Affiche3[0];
$prenom=$Affiche3[1];
$com1="$Aff_Photos[2]";
$commantaires="$com1 ← (ajouté le $Aff_Photos[3] à $Aff_Photos[4] par $prenom $nom)";
if($z==1) echo "<a href='../aff_image2.php?id=$Aff_Photos[0]' title='$commantaires' rel='lightbox[$Aff__titrePhotos[1]]' class='edito'><img src='../../aff_image2.php?id=$Aff_Photos[0]' width=$width>$Aff_edito[0]: $Aff_edito[1]</a>";
if($z>1 && $z<=$nb_Photos) echo "<a href='../aff_image2.php?id=$Aff_Photos[0]' title='$commantaires' rel='lightbox[$Aff__titrePhotos[1]]'><img src='../../aff_image2.php?id=$Aff_Photos[0]' width=$width></a>";
}
echo "</td>";
}else{//lien dans une nouvelle popup
if($Aff_edito[6]!=NULL){
echo "<td background='images/edito_centre_titre.gif' valign='middle' width=20 align=center>";
echo "<div><a id='$num_href' href='#'><img id='$num_img' src='$image' height=15 width=17 border=0></img></a><h2>$image</h2></div></td>";
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";
}else{
echo "<td background='images/edito_centre_titre.gif' valign='middle' width='100%'><b> :: ";
}
popupTxt("$Aff_edito[3]","lienpopup","$Aff_edito[0]: $Aff_edito[1]","edito");
echo "</td>";
}
}
}
echo "<td><img src='images/edito_droite_titre.gif' height=20></td>";
echo "</tr><tr>";
echo "<td colspan=3><p style='text-align:justify'>$Aff_edito[2]</p></td>";
echo "</tr></table><br>";
}
echo "</div></div>";
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------- Programme-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
echo "<div id='headerwrap'>";
echo "<div id='header'>";//bannière d'en haut
BanniereNew("");//(Ne pas toucher)
echo "</div>";
echo "</div>";
echo "<div id='middlewrap'>";
echo "<div id='middle'>";
echo "<div id='sidebar'>";//menu de gauche
accueilGauche($link,$session_link,$login,$passe,"menu_accueil.php","..");//(Ne pas toucher)
accueilClassement("..");
echo "</div>";
echo "<div id='BPub'>";//bannière de pub
BannierePub("");//(Ne pas toucher)
echo "</div>";
//echo "<div id='scoop2'></div>";//fond bleu
echo "<div id='scoop'>";//barre de scoop
scoop();//
echo "</div>";
echo "<div id='contentEdito'>";//edito
edito();
echo "</div>";
echo "<div id='BlkD'>";//bannière de droite
droiteDmPmTeTb("..");
echo "</div>";
echo "</div>";
echo "</div>";
echo "<div id='footerwrap'>";
echo "<div id='footer'>";
accueilBreves();//(Ne pas toucher)
echo "</div>";
echo "</div>";
?>