28112 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

Je développe un site et j'ai voulu utiliser html5 et css3

L'url ou vous pouvez voir le site : http://www.divipi.fr/

le problème : sous firefox et chrome l'affichage est correct (cf en haut a droite la balise <header>) sous ie j'ai un problème d'affichage. si je le remplace par un <div id="header"> a ce moment j'ai un retour (j'ai testé en mettant un background-color).
J'ai usé google, usé le moteur de recherche de ce forum et je n'ai pas réussi à trouver de solution.

Pour le moment il s'agit juste d'un site statique (tout est accessible via le navigateur (code source, css et javascript)


au cas ou ci dessous les différents code source :

<header>
			<div id="logo">
				<img src="images/general_site/logo-divipi-evenementiel-et-conseil-en-communication.png" alt="Logo Divipi" title="Logo Divipi" />
			</div>
			<div id="accroche" class="droite large gras italic">Ensemble, écrivons une histoire...</div>
			<nav id="premierniveau">
			<a href="<?php echo PRO_URL; ?>">Divipi - Professionel</a> - 
			</nav>
			<!--<nav id="deuxiemeniveau">
			<a href="#">sous menu 1</a> - <a href="#">sous menu 2</a> - <a href="#">sous menu 3</a> - <a href="#">sous menu 4</a>
			</nav>
			
			<nav id="fildarianne">
				<a href="<?php //echo BASE_URL; ?>">Accueil</a> &gt;
			</nav>
			-->
		</header>



header{
	position: relative;
	display: block;
	width: 1280px;
	height: 202px;
	float: left;
}


et le javascript créé les objets header, nav etc pour la dom

Merci d'avance pour le coup de main
Modifié par etarip (18 Mar 2011 - 19:51)
Bonjour,

Avant la version 9 sortie récemment, Internet Explorer ne permet pas de mettre en forme en CSS des éléments HTML inconnus. Et ces anciennes versions d'IE ne connaissent pas l'élément HEADER. Donc tes styles CSS ne s'appliquent pas.

Il existe une solution simple qui passe par JavaScript.
Modifié par fvsch (18 Mar 2011 - 16:48)
Bonsoir,

Merci pour ses réponses...

Je me suis mis 42 coups de fouet pour le body. Merci de me l'avoir fait remarqué.

Merci pour le script, en effet ça marche nikel maintenant.