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

Akouel

MarvinLeRouge

Veuillez vous connecter pour commenter

Parcourir

Activité