28173 sujets

CSS et mise en forme, CSS3

Pb de compatibilité ie et ff

bonjour tout le monde,
voila mon pb, je suis en train de faire un site web mais lorsque je l'affiche avec ie tout va tres bien par contre avec ff la mise en page est completement deformée (il n'a pas pris mon div titre par ex ou le positionnement ne va pa, il adapte le centre selon le contenu ...) bref une vrai cata !!!!!!!!
voici le code de ma page css 

body {
	margin: 0px;
	overflow: auto;
	position: absolute;
}
.conteneur {	
	width: 100%;
	margin: 0px;
	height: 100%;
	background-image:  url(images/parchemin.gif);}
.header {	
	height: 8%;
	width: 100%;
	margin: 0px;
	float: right;
	right: 0px;
	overflow: auto;
	border: none;
	background-color: #99FF66;
	filter: Alpha(Opacity=50);}
.titre {
	height: 10%;
	width: 100%;
	overflow: auto;
	filter: Alpha(Opacity=50);
	background-color: #FF9999;}
.menu {
	margin: 0px;
	padding: 0px;
	height: 70%;
	width: 20%;
	border-top: 0px none;
	border-right: 0px solid;
	border-bottom: 0px none;
	border-left: 0px none;
	float: left;
	left: 0px;
	background-color: #FFFF33;
	filter: Alpha(Opacity=50);}
.centre {
	height: 70%;
	width: 80%;
	margin-right: 0px;
	margin-left: 0px;
	overflow: auto;}
.pied {
	height: 12%;
	width: 100%;
	background-color: #0066FF;
	filter: Alpha(Opacity=50);}
}
<!-- definition du style pour les liens --> 
a img{border :none;}
a:link img{
	border :none;
	filter: Alpha(Opacity=50);
}
a:visited img{
	border :none;
	filter: Alpha(Opacity=100);
}
a:active img{
	border :none;
	filter: Alpha(Opacity=75);
}
a:hover img{
	border :none;
	filter: Alpha(Opacity=75);
}

si quelqu'un a une idée je dois certainement mal utiliser les paramètres !!!!
dans certains documents j'ai lu qu'il fallait mettre des # a la place . mais dans ce cas c'est ie qui ne prend plus rien en compte
d'avance merci de votre aide
Administrateur
bonjour et bienvenue sand,

sans le code HTML de ta page (encore mieux avec un lien vers celle-ci), cela va être difficile de te dire quelque chose.
Que cela fonctionne sous IE n'indique rien: ce navigateur accepte de véritables horreurs sans sourciller Smiley lol

Je te conseille de lire le sujet en annonce de ce Salon (celui intitulé "à lire avant de poster" Smiley rolleyes ), le point 3 en particulier (les autres aussi et l'ordre est important Smiley cligne ).
En résumé: une page valide puis FF et l'accessibilité puis IE

Felipe

EDIT: il y a un ordre pour les a: c'est L V H A (LoVe HAte)
filter est une extension propriétaire Microsoft, la transparence s'obtient autrement partout ailleurs
Modifié par Felipe (12 Mar 2006 - 02:22)
bonjour,
d'abord merci pour ta reponse
je joint le fichier index.php allant avec ma feuille css mon site n'etant pas en ligne je ne peux donc donner de liens
j'ai changé toute mes mesures en px plutot qu'en % et ca a l'air de fonctionner mais je ne suis pas sure que l'erreur vienne de la
pour ce qui est de l'opacité quel est donc l'alternative pour que ca marche sous ff ? mettre une image differente selon l'opacité que je veux obtenir ???

<? session_start();
include ("librairie/lib_cnx.php");?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CV</title>
<META NAME="description" CONTENT="curriculum vitae de recherche d'emploi comme chef de projet, dans le secteur informatique ou multimedia">
<meta name="keywords" CONTENT="cv,chef,projet,multimedia,informatique,RPBICM">
<meta name="author" CONTENT="">
<META NAME="OWNER" CONTENT="">
<META NAME="GENERATOR" CONTENT="www.absolute-referencement.com">
<META NAME="ROBOTS" CONTENT="All">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div class="conteneur">

<div class="header"> 
<?
include('pages/header.php');?>
</div>

<div class="titre"> 
<?
include('pages/titre-inc.php');?>
</div>

<div class="menu">
<?
 include('pages/menu.php');?>
</div>

<div class="centre"> 
 <?php
/*include('pages/centre.inc.php');*/
?>
</div>

<div class="pied"> 
<?php
include('pages/pied.php');
?>
</div>

</div>
</body>
</html>

d'avance merci de votre aide
sandrine
Bonjour,

Deux choses qui m'intriguent :

- ton body positionné en absolu
- ton header indqué en flottant à droite

D'ailleurs, en supprimant ces deux règles c'est beaucoup mieux me semble-t-il.

Pour l'opacité, la règle officielle c'est "opacity:0 à 1", qui fonctionne pour Opera et pour certaines versions de Firefox, qui préfèreras sinon "-moz-opacity:0 à 1".Pour IE tu connais déjà.

Bon courage
Smiley biggrin
Sujet clos
Aller à