28172 sujets

CSS et mise en forme, CSS3

Salut à tous,
Je réalise actuellement un site et j'ai un problème d'affichage sous IE (Firefox et Chrome affiche très bien, eux...).

Voici le site: http://nianiokdesign.free.fr/vmeformation

Le problème se situe au niveau de la bande blanche où il y a écrit "Accueil", en dessous de la bannière.
Je voulais qu'elle soit calée à gauche mais IE me la met en plein milieu!

Voici le code CSS:

	#accueilvme {
	position: absolute;
	text-align:center;
	margin: 0 auto;
	width: 424px;
	height: 20px;
	background-color:#ffffff;} /*Pour créer la bande*/
	
	#accueilvme2 {
	position: relative;
	margin: 0 auto;
	width: 943px;
	height: 2px;
	background-color:#DBE0FF;} /*Pour créer un espace de 2px entre la bande blanche et la bannière*/
		
	#at {
	text-align:right;
	width: 405px;
	color:#000096;
	font-weight:bold;} /*Pour placer mon texte sur la bande de manière a ce qu'il ne soit pas calé au bord de celle-ci*/


Voici le code HTML:

	<div id="accueilvme2">
	</div>
	<div id="accueilvme">
		<div id="at">
	  		Accueil
		</div>
	</div>

Après ceci, j'appelle du CSS pour créer un bloc à gauche dans lequel se trouve le menu.

Je m'excuse d'avance pour ceux qui regarderont la source sur le site car elle n'est pas du tout rangée...

Merci d'avance pour votre aide.
Modifié par Nianiok (14 Jan 2009 - 22:59)
Salut,
Je crois que ton problème (position absolu et ie) est assez récurrent. Et en cherchant tu aurais sûrement trouvé un sujet avec un même problème.

J'ai bien cherché et j'ai trouvé ça :
Problème avec la position absolute avec IE

Un problème qui a été résolu.

Sinon, j'ai cru comprendre que ton site s'adressait un peu à des personnes atteintes handicape. Je te conseils de rendre ton site accessible c'est important.

Voila, j'espère t'avoir aidé ^^
Je vais regarder ton lien.

Comment ça rendre le site accessible ?

edit: je n'ai pas l'impression que ce lien réponde vraiment à mon problème... Smiley confus
Modifié par Nianiok (14 Jan 2009 - 23:02)