28220 sujets

CSS et mise en forme, CSS3

Bonjour,

il y'a quelque chose qui "merde" avec les css. Voila l'header de mon site passe parfaitement sous Firefox, konqueror et opéra mais IE merde. Je sais qu'ie est un navigateur qui ne respecte pas les standards mais il faut quand même que le site passe dessus car ça prive de pas mal d'utilisateurs...
Il y'a deux problèmes : la transparence des png et le header. Je pense qu'on peut oublier pour les png ^^

Alors voila les classes du header :
.letout {
	color: #b4bbcb;
  width: 100%;  
  background-color: #3f6292;
}

#haut {
	background-color: #3f6292;
	width: 100%;
	height: 132px;
}

h1 {
	text-align: left;
	margin: 0;
	border: none;
	display: inline;
	padding: 0;  	
	}
#hautt {
	padding-bottom: 132px;
	margin-left: 18em;
	margin-top: -9em;
	width: 60%;
	}

#menu_log {
	background-color: #3f6292;	
	text-decoration: none;
	color: #b4bbcb;
	margin-bottom: 0.5em;
	margin-right: 1em;
	text-align:right;
}

Je vous épargne les #menu_log a ul etc... Ce sont les blocs qui merdent en fait.
Bon voila comment c'est mis en oeuvre :
<div class="letout">
<div id="haut">
<h1><a href="/"><img src="sl.png" alt="Station Linux, site d'entraide pour les utilisateurs de Linux !" /></a></h1>
<div id="hautt"><div id="menu_log">
{LOGIN}
</div>

</div>
</div>
</div>

Voila j'espère que vous allez réussir à m'aider. Regardez le résultat sous firefox et Internet explorer (www.stationlinux.org). Merci d'avance !
pour les png transparents, il y a tout à fait moyen qu'ils passent sous ie:

rajoute ceci

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='monimage.png');
Je te remercie de cette astuce ! Par contre (on va me prendre pour un idiot) je ne vois pas ou rajouter ce code ? Peut tu me donner un exemple parce que la je vois vraiment pas comment adapter ça.
Administrateur
TriadPtale a écrit :
pour les png transparents, il y a tout à fait moyen qu'ils passent sous ie

Pour ceux que ça intéresse, il y'a un très bon lien explicatif sur les PNG et leur compatibilité (+astuces) dans le salon des Ressources Smiley cligne
Ouep je te remercie je vais voir ça. Mais (oui oui je sais c'est chiant ^^) mon problème principal est le header qui ne passe pas sous IE avec une résolution 800*600 (malheuresement encore très utilisée).