28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Voila un petit problème présent uniquement sur safari.
Dans un bloque, j'ai du texte, jusque là rien de surprenant, celui ci est centré, mais sous safari le centre de ce texte est décalé sur la droite.

http://img401.imageshack.us/img401/4447/image3yo0.th.png

Voici le code html du bousin :

<div id="rub_left_side"></div>
    <div id="nav_rub_content">
    	<span id="line1"><span id="8">LOREM</span> <span id="9">IPSUM</span> <span id="16">ES DOLORET</span> <span id="5">SIT AMET</span> <span id="8">LOREM</span> <span id="9">IPSUM</span> <span id="16">ES DOLORET</span></span>
    </div>
<div id="rub_right_side"></div>


Ce bloque est contenu dans un autre conteneur.

Et voila le code css :


#asearch_left_side {
	float:left;
	margin-left:69px;  /*cela me permet de centrer ce groupe dans le conteneur*/ 
	margin-top:0px;
	background-image: url(img//left_side.png);
	height:95px;
	width:10px;
}

#rub_right_side {
	float:left;
	margin-top:0px;
	background-image: url(img/kwick/right_side.png);
	background-repeat:no-repeat;
	background-position: right;
	height:95px;
	width:10px;
}

#rub_rub_content{
	float:left;
	background-color:white;
	padding-top:18px;
	width:470px;
	height:77px;
	color:#666666;
	font-size:11px;
	text-align:center;
	border:1px solid red;
}

#nav_rub_content #line1{
	word-spacing:24px;
	border:1px solid red;
}

Modifié par jun.in.mess (04 Mar 2008 - 14:36)