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 :
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;
}
CODE
<?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>