28217 sujets

CSS et mise en forme, CSS3

[Resolu]CSS --> background-attachment:fixed diff sous IE/Firefox ?

Bonsoir,
Voila j'avais un probleme sous IE avec un overflow c'est que l'image de fond defile avec la barre d'ascenseur alors j'ai mis background-attachment: fixed; et ca a resolu le pb sous IE mais ca a provoqué chez firefox un tout petit carré

normalement c'est comme ca : upload/514-bug2.JPG

et ca provoque ca sur firefox : upload/514-bug.JPG

voila si vous savez pk car la j'ai comme un deal ...
merci
Modifié le 06 Dec 2004 - 22:16
personne sait Smiley decu ??

Si ca peut aider ma source css c'est :

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align: center;
background-color: #FFFDDD;
}
#global {
width: 800px;
height: 698px;
margin-left:auto;
margin-right:auto;
text-align: left;
border: 3px solid #000;
}
#header {
height: 102px;
width: 800px;
background-image: url('images/header.jpg');
}
#menu {
position:absolute;
height: 51px;
width: 523px;
background-image: url('images/menu.jpg');
margin-left: 277px;
margin-top:0px;
}
#centre{
position:absolute;
height: 356px;
width: 481px;
margin-left:277px;
margin-top:51px;
}
h1 {
width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_societe.jpg) no-repeat ;
text-align: center ;
}
h2 {
width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_vente.jpg) no-repeat ;
text-align: center ;
}
h3 {
width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_offre.jpg) no-repeat ;
text-align: center ;
}
h4 {
width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_commande.jpg) no-repeat ;
text-align: center ;
}
h5 {
width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_annonce.jpg) no-repeat ;
text-align: center ;
}
h6 {
width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_contact.jpg) no-repeat ;
text-align: center ;
}
p {
overflow: auto;
width: 471px ;
height: 306px ;
margin: 0 ;
background: url(images/centre_societe.jpg) no-repeat 0 -50px ;
background-attachment:fixed;
color: #fff ;
padding-left: 10px;
}
#gauche {
position:absolute;
width: 277px;
height: 596px;
background-image: url('images/gauche.jpg');
}
#droite {
position:absolute;
margin-left: 758px;
margin-top:51px;
width:42px;
height: 356px;
background-image: url('images/droite.jpg');
}
#footer {
position:absolute;
margin-top: 407px;
margin-left: 277px;
height: 189px;
width:523px;
background-image: url('images/footer.jpg');
}
.image {
text-decoration: none;
cursor: hand;
border: thin Aucune #CCCCCC;
}


et



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>index test</title></head>
<body>
<style type="text/css">
@import url("format.css");
</style>
<div id="global">
	<div id="header"></div>
	<div id="gauche"></div>
	<div id="menu"></div>
	<div id="centre">
	<?
		if ($_GET['page'] == "societe")
 	    	{ ?>
				<h1></h1>
				<p><? include("inc/societe.htm"); ?></p>
			<? }
		elseif ($_GET['page'] == "ventes")
 	    	{ ?>
				<h2></h2>
				<p><? include("inc/vente.htm"); ?></p>
 	    	<? }
 	?>
         
	
	</div>
	<div id="droite"></div>
	<div id="footer"></div>
</div>
</body>
</html>

Modifié le 06 Dec 2004 - 18:23
ElMoustiko a écrit :


Sinon si le fait de la modification fait foirer le tout sous IE, tu peux faire un hack pour n'appliquer la propriété qu'à IE Smiley cligne


Tu peux m'en dire sur le "hack" car ca m'interresse je peux appliquer une proprieté css a un navigateur et pas l'autre ?
Administrateur
Kijer a écrit :


Tu peux m'en dire sur le "hack" car ca m'interresse je peux appliquer une proprieté css a un navigateur et pas l'autre ?

Oui tu peux aller trouver toutes ces informations dans les Ressources :
http://w3development.de/css/hide_css_from_browsers/summary/
http://centricle.com/ref/css/filters/
;)

Pour IE, les hacks les plus courants sont :
- le underscore avant la propriété : _margin-top:10px;
- le * html avant le sélecteur : * html #toto {margin-top:10px;}
merci merci et encore merci vous assurez grave Smiley lol , toujours dans le calme vous guidez , bravo je suis fier d'etre membre de ce forum
..

sujet resolu


ps: les tableaux --> j'ai rien compris Smiley rolleyes
Modifié le 06 Dec 2004 - 22:16
Sujet clos
Aller à