28173 sujets

CSS et mise en forme, CSS3

Bonjour,
voilà j'ai une simple banière que je veux coler complètement à gauche de ma page.
Dnc pas de margin-left à priori... Smiley rolleyes
Et bien sur FF ça mache nickel, mais sur IE le décalage doit être d'environ 50 px... Smiley ohwell
et je ne vouis pas d'où cela peut-il venir.
voici mon code XHTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur mon site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="essai_03_test.css" />
   </head>
   <!--commentaire-->
   
   <div class="global">
		<div class="leblocheader">
		</div>
   </div>


et le css

body
{
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align:center;
background-color:black;
/*background-image: url('images/degrade_02.gif');*/
/*background-repeat: repeat-y;*/
}

.global
{
width: 767px;
margin-top:10px;
padding:0px;
text-align:left;
} 

.leblocheader
{
width:760px;
height:120px;
background-image: url('images/ban.gif');
border: 1px solid #000000;
}

Modifié par samb01 (02 Feb 2006 - 19:38)
Salut,
".global" est tout simplement centré : "text-align: center" (ici sur body) a pour effet sur IE de centrer également les blocs.
Modifié par Alan (02 Feb 2006 - 09:40)