Probleme avec IE

le 19/03/2009 à 09:59

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?

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 &nbsp;&larr;&nbsp; (ajout&eacute; le $Aff_Photos[3] &agrave; $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>";

?>

Citer ce message

le 19/03/2009 à 10:01

basima

J'ai oublier de vous mettre l'adresse du site

http://www.roflesselles.com/rof.php

Citer ce message

le 19/03/2009 à 11:50

LA GLOBULE

Et quel est ton problème de style ?

Citer ce message

le 19/03/2009 à 16:41

basima

Les balises div sont décalés.

Regarde sur le site.

http://www.roflesselles.com/rof.php

Citer ce message

le 19/03/2009 à 17:55

LA GLOBULE

Je n'ai pas IE :/

Citer ce message

le 20/03/2009 à 08:42

basima

Avec IE:
[img]http://pics.imagup.com/02/1237559617_ieScan.JPG[/img]

Avec Mozilla:
[img]http://pics.imagup.com/02/1237559530_mozScan.JPG[/img]

Avec Chrome:
[img]http://pics.imagup.com/02/1237559657_chrScan.JPG[/img]

Avec Opera:
[img]http://pics.imagup.com/02/1237559781_opeScan.JPG[/img]

Avec Safari:
[img]http://pics.imagup.com/02/1237559802_safScan.JPG[/img]

Ecrire un message

Pour insérer une URL clickable

Pour insérer une adresse E-mail

Pour annoter

Pour écrire du code

Pour faire un lien vers une fonction PHP

Pour écrire du texte préformaté

Pour écrire du texte en gras

Pour écrire du texte en italique

Pour écrire du texte souligné

Pour écrire du texte barré

Pour écrire un titre principal

Pour écrire un titre secondaire

Pour écrire une liste