Site ne voulant pas se mettre en haut à gauche !

Akouel · 6 Avril 2005

Bonjour,

J'essaye depuis ce matin de transformer une en-tête déjà existante sous forme de tableau avec des blocks, mais le problème est que j'arrive pas à faire en sorte que la page soit collée contre le coin supérieur gauche du browser !

En plus sous IE, il me met une vieille scrollbar horizontale qui sert à rien puisque théoriquement ca devrait passer !

Est ce que quelqu'un y voit clair ?

Merci d'avance,

Akouel, qui laisse son code :


/* CSS Document */

/*-------------------------------*/
/*---------Mise en Forme---------*/
/*-------------------------------*/

#banniere{
	width : 776px;
	height : 63px;
	margin: 0;
	padding: 0;
}

	#haut_banniere{
  height : 33px;
  width : 776 px;
  float : left;
	}

  #logo_haut{
  	float : left;
  	height : 33px;
  	width : 88px;
  }
  
  #intranet{
  	float : right;
  	height : 33px;
  	width : 199px;
  	background : url('intranet.png') no-repeat;
  }
  
  #sncfcom{
  	float : right;
  	height : 33px;
  	width : 218px;
  }
  
  	#sncfcom_haut{
    float : left;
    height : 23px;
    width : 218px;
  	}
  	
  	#scnfcom_bas{
    float : left;
    height : 10px;
    width : 218px;
  	}
  	
	#milieu_banniere{
  float : left;
  width : 776px;
  height : 14px;
	}

  #logo_bas{
  	float : left;
  	width : 88px;
  	height : 14px;
  }
  
  #barre_menu_sncf{
  	float : right;
  	width : 688px;
  	height : 14px;
  	background : url('barre_menu.png') no-repeat;
  }
  
  	#aide{
  	float : right;
  	width : 70px;
  	height : 13px;
  	padding-right : 5px;
  	text-align : right;
  	}
  
	#bas_banniere{
  float : left;
  margin-top : 1px;
  width : 776px;
  height : 15px;
  background : url('banniere_bas.png') no-repeat;
	}

  #pi2005{
  	float : right;
  	width : 70px;
  	height : 14px;
  	padding-right : 5px;
  	text-align : right;
  }
  
.liens_banniere_blancs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;	
}

.liens_banniere_standards {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C466A;
	text-decoration: none;
	font-weight: bold;
}

.liens_banniere_blancs_gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
  
/*-------------------------------*/
/*-----------Général-------------*/
/*-------------------------------*/  

img { 
 border-width: 0; /* pas de bordure sur les images */
}

a:hover {
	text-decoration: underline;
}



<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  <head>
    <title>Bannière Intranet</title>
    <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
  <link href="banniere_css.css" rel="stylesheet" type="text/css" />
  <script language="JavaScript" src="fonctions.js"></script>
  
<link href="banniere_css.css" rel="stylesheet" type="text/css" />
</head>
  <body onload="MM_preloadImages('sncf_on.jpg')">
  <!--Bloc de la bannière -->
  
<div id="banniere"> 
  <div id="haut_banniere"> 
    <div id="logo_haut"><a href="http://portail.int.sncf.fr/"><img src="sncf_haut.png" alt"Partie supérieure du logo" /></a></div>
    <div id="sncfcom"> 
      <div id="sncfcom_haut"><a onmouseover="MM_swapImage('image','','sncf_on.jpg',1)" onmouseout="MM_swapImgRestore()" href="http://www.sncf.fr/" target="_blank" ><img src="sncf_off.jpeg" name="image" id="image" alt="www.sncf.com" /></a></div>
      <div id="sncfcom_bas"><img src="sncf_under.gif" /></div>
    </div>
    <div id="intranet"> </div>
  </div>
  <div id="milieu_banniere"> 
    <div id="logo_bas"><a href="http://portail.int.sncf.fr/"><img src="sncf_bas.png" alt="Partie inférieure du logo" /></a></div>
    <div id="barre_menu_sncf"> 
      <div id="aide"><a target="_blank" href="http://www.pi.sncf.fr" class="liens_banniere_blancs_gras">Aide</a></div>
    </div>
  </div>
  <div id="bas_banniere"> 
    <div id="pi2005"><a target="_blank" href="http://www.pi.sncf.fr" class="liens_banniere_blancs">PI 
      2005</a></div>
  </div>
</div>  
  </body>
</html>

Akouel · 6 Avril 2005

C'est bon, j'ai trouvé !

Pour ceux que ca intéresse :

un p'tit

body{
margin : 0px;
padding : 0px;
}

dans le CSS et ca roule !

MarvinLeRouge · 6 Avril 2005

Tu peux même t'abstenir du "px" : 0 = 0 quelle que soit l'unité

Connexion

Site ne voulant pas se mettre en haut à gauche !

Sujets conseillés

Akouel

Lien vers le commentaire

Partager sur d’autres sites

Akouel

Lien vers le commentaire

Partager sur d’autres sites

MarvinLeRouge

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité