Menu different entre IE & firefox

Question

ghostfcb

2 Apr 2007 à 08:42

bonjour,
j'ai un peu de mal avec mon menu car comme vous pouvez le voir sur IE et firefox il y a un leger decalage, comment faire pour resoudre ce probleme?

Merci d'avance

http://fcbayern.fr/index_essai1.php

ghostfcb

3 Apr 2007 à 07:52

personne pour m'aider? Smiley decu

virtualgadjo

3 Apr 2007 à 08:04

salut,
petite erreur traditionnelle, je te rassure, j'ai fait la même il y a encore peu... tu as mis ton menu en position absolute par rapport à la fenêtre du navigateur, du coup, il se balade quand on la redimensionne. Mets ton container en relative et positionne ton menu par rapport à celui-ci (d'ailleurs, à mon avis, un simple float: left; suffirait dans ton cas) et tout rentrera dans l'ordre

have swing (à la fête de la bière Smiley smile

)

ghost

3 Apr 2007 à 08:05

Salut,

A vrai dire, je ne vois pas trop ... Pourrais tu être plus explicite

ghostfcb

4 Apr 2007 à 19:26

c ou que tu remplace ds le code

/*--- Menu---*/
body {margin: 10px;
padding: 0;
font: 1em Verdana, sans-serif;}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

#menu {
position : absolute;
left: 177px;
top: 132px;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #ffffff;
background: #990000;
}

#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6{
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 1px solid gray;
width: 778px;

}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}

virtualgadjo

4 Apr 2007 à 20:38

Salut,
il faudrait que tu mettes ton div container qui n'apparaît pas dans cette partie de ta feuille de style en position: relative; et qu'ensuite tes

#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6{
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 1px solid gray;
width: 778px;

restent bel et bien en absolute mais mesuré par rapport aux x et y du div container. Et voilou Smiley smile

have swing

ghostfcb

10 Apr 2007 à 20:52

je comprend pas tu peux m'aiguillé plus STP.
merci

ghostfcb

19 Apr 2007 à 18:13

je re up.
SVP

ghostfcb

22 Apr 2007 à 14:36

personne ne peut m'aider, car la je cale reelement.

SVP un petit peu d'aide.

Merci à tous;

ghost

27 Apr 2007 à 03:03

Bonjour,

Bon, tout d'abord un petit conseil pour t'y retrouver, je te conseille de rassembler tes 3 css en une seule et de regrouper les class et propriétés de chaque bloc , je sais c'est la misère mais vu que tu n'as pas l'air d'en être l'auteur, tu t'y retrouveras peut être mieux ainsi.

Ton menu ne s'affichait pas sous ie6 !! (une histoire de flottant), pour opera ce n'est pas le top !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
			
<head> 
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>test2</title>
<style type="text/css">
/* ----- Layout ----- */

body {
	text-align: center;
	margin: 10px;
	padding: 0;
	font: 1em Verdana, sans-serif;	
}

#Container {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	position: relative; /* sert de conteneur de référence à tous les blocs en absolute notamment le menu */
}

#LeftColumn {
	width: 175px;
	float: left;
	margin-right: 10px;
}

#MainColumn {
	width: 583px;
	padding: 5px;
	min-height: 600px;
	_height: 600px; /* ie hack */
}

#NewsColumn {
	width: 398px;
	float: left;
}

#RightColumn {
	width: 150px;
	float: left;
	margin-left: 5px;
}

#Footer {
	clear: both;
	float: left;
	/*width: 840px;  a supprimer car plus large que le container !! il sera là au moins aussi large ce qui élimine le scroll horizontal */
	height: 28px;
	margin-top: 2px;
	padding: 23px 10px 0px 50px;
}



/* ----- Generic ----- */

* {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 1em;
}

ul, ol {
	margin: 10px 0 10px 25px;
}

li ul, li ol {
	margin: 0 0 0 25px;
}

li p {
	line-height: inherit;
	margin: 0;
}

blockquote {
	margin-left: 25px;
}

th {
	text-align: left;
}

td, th {
	empty-cells: show;
	vertical-align: top;
	font-size: 11px; /* IE 5.x */
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

acronym {
	border-bottom: 1px dashed;
	cursor: help;
	font-style: normal;
}

a img {
	border: 0;
}

hr {
	border: 0;
	clear: both;
	height: 1px;
	visibility: visible;
}

.clearall {
	clear: both;
}



/*--- Menu---*/

#menu {/* le nenu est aligné à gauche, on peut le centrer mais on sera obligé d'éliminer le border-top gray */
position : absolute;
width: 778px;
left: 0;
top: 122px;/* positionnement en hauteur du menu (là il est au pif)*/
}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}



#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #ffffff;
background: #990000;
}

#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6{
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 1px solid gray;
width: 778px;

}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}




/* ----- Design ----- */

body, td, th, input, select, textarea {
	font: normal small Verdana;
}

body {
	background: #990000;
}

#Bannerleft {
	max-width: 175px;
	_width: 175px; /* IE hack */
	overflow: hidden;
}

#Specialbutton {
	max-width: 175px;
	_width: 175px; /* IE hack */
	overflow: hidden;
	margin-bottom:10px;
}


#LeftColumnBottom {
	max-width: 175px;
	_width: 175px; /* IE hack */
	overflow: hidden;	
}

#Noscriptalert {
	border: 1px solid #afafaf;
	padding: 2px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 10px;
	color: red;
	background-color: #ffffff;
	width:168px;	
}


#Header {
	background: url(bannire_fcb_v5.jpg) no-repeat;
	text-align: right;
	width: 778px;
	height: 135px;
	margin-bottom: 10px;
}


#MainColumn {
	background: white;
	overflow: visible;
	overflow-x: hidden;
}

#MainColumn TD {
	padding-right: 5px;
}

#Footer {
	background: url(images/footer_bg.gif);
}

/* ----- Header ----- */

#Logolink {
	float:left;
	display:inline;
	margin-top:8px; 
	margin-left:10px;
}

#Lang {
	/*color: #92C9B2; */
	color: #FFFFFF;
	font-size: 10px;
}

#Lang a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 2px 10px;
}

#Lang span {
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 2px;
}


#Lang a:hover {
	color: lightgrey;
}

#Breadcrumbs {
	color: black;
	font-size: 10px;
	margin: 10px 10px 0px;
}

#Breadcrumbs a {
	color: black;
	text-decoration: none;
}

#Breadcrumbs a:hover {
	color: #666;
}

#PageTools {
	float:right;
	color: black;
	font-size: 10px;
	margin-right: 20px;
	margin-bottom:100px;
	/*margin: 0px 150px 0px 10px;*/
}

#PageTools a {
	color: #92C9B2;
	text-decoration: none;
}

#PageTools a:hover {
	color: lightgrey;
}

/* ----- Footer ----- */

#Footer {
	font-size: 10px;
	color: #878787;
}

#Footer a {
	color: #878787;
	text-decoration: none;
}

#Footer .left {
	float: left;
}

#Footer .right {
	float: right;
}


/* ----- Content allgemein ----- */


 a {
	color: #003399;
}

#Content {
	padding: 10px;
}

#Content a {
	color: #003399;
}

#Content h1 {
	color: #9C9C9C;
	font-size: 1.5em;
	margin-bottom: 12px;
}

#Content h2 {
	color: #9C9C9C;
	font-size: 1.2em;
	margin-bottom: 12px;
}

#Content h3 {
	color: #9C9C9C;
	font-size: 1.15em;
	margin-bottom: 12px;
}

#Content h4 {
	color: #9C9C9C;
	font-size: 1.1em;
	margin-bottom: 12px;
}
#Content h5 {
	color: #9C9C9C;
	font-size: 1.05em;
	margin-bottom: 12px;
}

#Content h6 {
	color: #9C9C9C;
	font-size: 1em;
	margin-bottom: 12px;
}

#Content .news_block_newspage h1 {
	color: #003399;
	font-size: 14px;
}

#Content .news_block h1 {
	color: #003399;
	font-size: 14px;
}

#Content #dynamictitles h1 {
	margin-bottom: 20px;
	color: #008000;
	font-size: 130%;
}
#Content #dynamictitles h3 {
	margin-bottom: 5px;
	color: #9C9C9C;
	font-size: 130%;
}

#MainColumn #dynamictitles h1 {
	margin-bottom: 20px;
	color: #008000;
	font-size: 130%;
}
#MainColumn #dynamictitles h3 {
	margin-bottom: 5px;
	color: #9C9C9C;
	font-size: 130%;
}

/* ----- News ----- */

.news_block, .info_block, .news_block_newspage {
	border: 1px solid #afafaf;
	padding: 1px;
	margin-bottom: 10px;
	display: block;
	width: 394px;
}

#Content .news_block {
	width: 560px;
}
.news_block_newspage {
	width: 100%;
}

.news_block, .news_block_newspage {
	clear: both;
	float: left;
}

.news_block, news_block_newspage {
	clear: both;
}
.news_block .item, .news_block_newspage .item, news_block .leaguedayitem {
	clear: both;
}

.news_block_newspage {
}

.news_block a, .info_block a, .news_block_newspage a {
	color: #003399;
}

.news_block h2 a, .info_block h2 a, .news_block_newspage h2 a {
	font-size: 10px;
	color: #FF0000 !important;
	font-weight: normal;
	/* text-transform: uppercase;*/
	padding: 2px;
	display: block;
	text-align:left;
	padding-left: 25px;
	background: url(http://fcbayern.fr/logos/Allemagne/bayern_mini.gif) left 0px no-repeat;
}

.news_block h2, .info_block h2, .news_block_newspage h2 {
	background: grey; 
	font-size: 10px !important;
	color: #FF0000 !important;
	font-weight: normal;
	padding: 2px;
	display: block;	
	background-color:#C3C3C3;
}

.news_block h2 a:hover, .info_block h2 a:hover, .news_block_newspage h2 a:hover {
	text-decoration: underline;
	color: #000099;
}

.news_block .big .message, .news_block .bigleft .message, .news_block_newspage .big .message, .news_block_newspage .bigleft .message{
	background-color: #e0e0e0;
}

.news_block .bigleft .image img {
	background-color: #e0e0e0;
	padding-right:10px;
}

.news_block .bigleft .message, .news_block_newspage .bigleft .message {
	min-height: 140px;
	/* overflow:hidden; */
}

.news_block .big h1, .news_block .bigleft h1, .news_block .normal h1, .info_block .big h1, .info_block .bigleft h1, .info_block .normal h1, .leftfloat h1 {
	font-size: 14px;
}


.news_block .big h1, .news_block .bigleft h1, .news_block .normal h1, .news_block_newspage .normal h1 {
	margin-bottom:10px;
}

.news_block_newspage .big h1, .news_block_newspage .bigleft h1, .news_block_newspage .normal h1 {
	font-size: 14px;
}

.news_block a, .info_block a, .news_block_newspage a  {
	text-decoration: none;
}

.news_block h1 a:hover , .info_block h1 a:hover, .news_block_newspage h1  {
	text-decoration: underline;
}

.news_block a p, .info_block a p, .news_block_newspage a p {
	font-size: 11px;
	color: black;
}

.news_block p, .info_block p, .news_block_newspage p {
	font-size: 11px;
	color: black;
}

.news_block p, .news_block_newspage p {
	font-size: 11px;
	color: black;
	line-height: 14px;
}

.news_block a span, .info_block a span, .news_block_newspage a span {
	color: #003399;
	text-decoration: underline;
}

.news_block .message, .info_block .message,.news_block_newspage .message {
	padding: 10px;
}

.news_block .bigleft .message {
	padding: 10px;
	padding-left: 0px;
}
.news_block .small .message, .news_block_newspage .small .message, .news_block .small .link {
	padding: 0px 10px 5px;
}

.news_block .bigleft img, .info_block .bigleft img, .news_block_newspage .bigleft img {
	float: left;
	/*margin-right: 10px;*/		
}


.news_block .normal img, .info_block .normal img, .news_block_newspage .normal img {
	float: right;
	display: inline;
	margin: 10px;
	border: 1px solid lightgrey;
}

.news_block .bigleft .image, .info_block .bigleft .image, .news_block_newspage .bigleft .image {
}

.news_block .bigleft {
background-color: #e0e0e0;
}
.leftfloat img {
	float: left;
	margin: 10px;
	margin-left:10px;
	border: 1px solid lightgrey;
}

.news_block .small, .small .message h1 a, .news_block_newspage .small, .small .link h1 a {
	font-size: 10px;
}

.info_block {
	width: 187px;
	float: left;
	display: block;
}

.info_block.left {
	margin-right: 16px;
}

.NewsComment {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


/* ----- Newsticker ----- */

#Newsticker {
	background: url(images/newsticker_bg.jpg);
	color: black;
	font-size: 10px;
	padding: 1px 5px;
	margin-bottom: 5px;
}

#Newsticker p {
	margin-bottom: 0px;
}

#Newsticker a {
	color: black;
	text-decoration: none;
}

#Newsticker a:hover {
	text-decoration: underline;
}



.box {
	margin-bottom: 10px;
	background: white;
	border: 1px solid #666;
	padding: 1px;
	width: 175px;
}
.box_nav {
	margin-bottom: 10px;
	background: white;
	border: 1px solid #666;
	padding: 1px;
	width: 175px;

}
#boxnav {
	background-image: url(images/box_bg.gif);
	height: 218px;
}


.box h3, #Content .box h3 {
	
	font-size: 11px;
	padding: 5px;
	color: white;*/
	border-bottom: 1px solid #666; 
	background: url(http://fcbayern.fr/logos/Allemagne/bayern_mini.gif) right 0px no-repeat;
	font-size: 10px !important;
	color: white !important;
	font-weight: normal;
	padding: 2px;
	display: block;	
	background-color:#C3C3C3;
	margin-bottom: 0px;

}

.box h4, .box h5, .box p, #Content .box h4,  #Content .box h5{
	color: black;
	font-size: 10px;
	margin: 5px;
}

.box img.tvlogo {
	float: left;
	margin-right: 5px;
}

.box hr {
	visibility: visible;
	border-bottom: 1px solid #c0c0c0;
}

.box a {
	color: #003399;
}

.box_nav h3 {
	/*background: url(images/box_top.gif); */
	padding: 5px;
	color: white;*/
	border-bottom: 1px solid #666; 
	background: url(images/block_top.gif); /*  grey */
	font-size: 10px !important;
	color: white !important;
	font-weight: normal;
	padding: 2px;
	display: block;	
	background-color:#C3C3C3;}

.box_nav a {
	font-size:10px;
	font-weight: bold;
	color: white;
	text-decoration:none;
	padding: 10px;
	border-bottom: 1px solid white;
}

/*.box_img {  Was ist das? 
	width:	175px;
	height: 60px;
}*/

#LeftColumn .box {
	width: 171px;
}

/* ----- Buttons----- */

.teambuttons {
	margin-top: 5px;
}

.teambuttons a, .teambuttons a:visited {
	font-size: 10px;
	color: white !important;
	padding: 18px 0px 0px 0px;
	display: block;	
	float: left;
	width: 130px;
	height: 27px;
	text-decoration: none;
	background: url(images/button_3_nm.gif);
	text-align: center;
	margin-bottom: 5px;
	font-weight: bolder;
}
.teambuttons a:hover {
	color: lightgrey !important;
}

.teambuttons a.middle {
	margin: 0 4px;
}



#fancornerangebot .header {
	background: url(images/fancorner_bg.gif);
	height: 58px;
	font-size: 11px;
	color: white;
}

#fancornerangebot .header img {
	float: left;
	margin-right: 5px;
}

#fancornerangebot .header h4 {
	margin: 0px;
	padding-top: 5px;
	font-weight: bold;
	color: white !important;
}
/* ----- Poster Small ----- */

.poster_small a {
	margin-bottom: 10px;
	display: block;	
	width: 180px;
}

#poster_small_wmquiz a {
	background: url(images/wm_quiz.gif);
	height: 72px;
}

#poster_small_quiz a {
	background: url(images/dfb_quiz.gif);
	height: 72px;
}

/* ----- Poster Big ----- */

.poster_big a {
	display: block;	
	float: left;
	width: 190px;
	height: 50px;
	margin-bottom: 10px;
}

#poster_big_wmgeschichte a {
	background: url(images/poster_wmgeschichte.gif);
	margin-right: 18px;
}

#poster_big_wmgeschichte_right a {
	background: url(images/poster_wmgeschichte.gif);
}

#poster_big_emgeschichte a {
	background: url(images/poster_emgeschichte.gif);
	margin-right: 18px;
}

#poster_big_emgeschichte_right a {
	background: url(images/poster_emgeschichte.gif);
}

#poster_big_vl_schriften a {
	width: 394px;
	background: url(images/button_vl_schriften.gif);
}
#poster_big_frauenlaenderspiele a {
	background: url(images/button_frauenlaenderspiele.gif);
	margin-right: 18px;
}

#poster_big_frauenlaenderspiele_right a {
	background: url(images/button_frauenlaenderspiele.gif);
}

#poster_big_dfbpokalendspiele a {
	background: url(images/button_dfbpokalendspiele.gif);
}
#poster_big_ibfd a { /* Ich Bin Fuer Deutschland */
	background: url(images/poster_ibfd.gif);
	/*margin-left: 18px;*/
}


/* ----- Bundesliga Tabelle und Spieltag ----- */

.bundesligabox_tabs a {
	padding-top: 5px;
	font-size: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	text-decoration: none;
	background: url(images/bundesligabox_tabs_off.gif) no-repeat;
	width: 85px;
	height: 18px;
	display: block;	
	float: left;
	margin: 5px 1px 0px 0px;
}


#LeftColumnBottom .bundesligabox_tabs a {
	padding-top: 5px;
	font-size: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	text-decoration: none;
	background: url(images/bundesligabox_tabs_off.gif) no-repeat;
	width: 84px;
	height: 18px;
	display: block;	
	float: left;
	margin: 5px 1px 0px 0px;
}
.bundesligabox_tabs a:hover {
	background: url(images/bundesligabox_tabs_on.gif) no-repeat;
}

.bundesligabox_tabs a.tabelle {
  
}

.bundesligabox {
  clear: both;
}



.bundesligabox th {
	font-size: 9px;
	color:#999999;
	padding: 5px 4px 5px 4px;
	background: #e0e0e0;
	font-weight: bold;
}

.bundesligabox td {
	font-size: 9px;
	padding: 4px 1px 4px 2px;
	background: white;
	margin: 0px;
	border: 1px solid #e0e0e0;
	border-width: 0px 0px 1px 0px;
}

.bundesligabox_error {

	
	font-weight: bold;
	
}

.bundesligabox td.position {
	border-left: 4px solid #E0E0E0;	
}

.bundesligabox td.spiele {
	text-align: right;
}
.bundesligabox td.tordiff {
	text-align: right;
}
.bundesligabox td.punkte {
	text-align: right;
}

.bundesligabox .section1 td.position {
	border-left: 4px solid #00572D;
}

.bundesligabox .section2 td.position {
	border-left: 4px solid #047D48;
}

.bundesligabox .section3 td.position {
	border-left: 4px solid #01B26E;
}

.bundesligabox .section0 td.position {
	border-left: 4px solid #666;
}


.leaguedayitem th {
	font-size: 9px;
	color:#999999;
	padding: 5px 4px 5px 4px;
	background: #e0e0e0;
	font-weight: bold;
}

.leaguedayitem td {
	font-size: 9px;
	padding: 4px 1px 4px 2px;
	background: white;
	margin: 0px;
	border: 1px solid #e0e0e0;
	border-width: 0px 0px 1px 0px;
}

.leaguedayitem td.position {
	border-left: 4px solid #E0E0E0;	
}

.leaguedayitem .section1 td.position {
	border-left: 4px solid #00572D;
}

.leaguedayitem .section2 td.position {
	border-left: 4px solid #047D48;
}

.leaguedayitem .section3 td.position {
	border-left: 4px solid #01B26E;
}

.leaguedayitem .section0 td.position {
	border-left: 4px solid #666;
}

.bundesliga_spieltag td {
	font-size: 9px;
	padding: 5px;
	background-color:#ffffff;
	margin: 0px;
	border: 1px solid #e0e0e0;
	border-width: 0px 0px 1px 0px;	
}

.bundesliga_spieltag th {
	font-size: 9px;
	color: #999999;
	padding: 5px;
	background: #e0e0e0;
	font-weight: bold;
	border: 1px solid #ffffff;
	border-width: 0px 0px 1px 0px;
}

.bundesliga_spieltag h5 {
	font-size: 9px;
	font-weight: bold;
}

.bundesliga2_spieltag td {
	font-size: 9px;
	padding: 5px;
	background-color:#ffffff;
	margin: 0px;
	border: 1px solid #e0e0e0;
	border-width: 0px 0px 1px 0px;
	
}

.bundesliga2_spieltag th {
	font-size: 9px;
	color:#999999;
	padding: 5px;
	background: #e0e0e0;
	font-weight: bold;
}



.videogallery h4 {
	font-size: 1em;
	margin-bottom: 5px;
}

.item.videogallery {
	padding: 5px;
	text-align: center;
	background: #DDDDDD;
}

.gallery img {
	width: 90px;
}

.gallery h4 {
	font-size: 1em;
	margin-bottom: 5px;
}

.item.gallery {
	padding: 5px;
	text-align: center;
	background: #DDDDDD;
}
.box_1buli {
	background: url(images/tabelle_1bundesliga.gif);
	width: 179px;
	height: 336px;
	margin-bottom: 10px;
}
.box_2buli {
	background: url(images/tabelle_2bundesliga.gif);
	width: 179px;
	height: 336px;
	margin-bottom: 10px;
}

.box_nav a {
	display: block;
	border: 1px dashed #C0C0C0;
	border-width: 0px 0px 1px 0px;
	padding: 15px 0px 15px 30px;
	background-image: url(images/list_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
	font-size:10px;
	width: 145px;
	color:#008000;
 }
.box_nav a:hover {
	background-color: #E0E0E0;
	background-image: url(images/list_icon_over.gif);
}
#dfbpokal {
	background-image: url(images/header_dfbpokal_nav.gif);
	width: 180px;
	height: 25px;
}
#bundesliga {
	background-image: url(images/header_bundesliga_nav.gif);
	width: 180px;
	height: 25px;
}

table.data {
	width: 100%;
}

table.data td {
	font-size: 80%;
	padding: 2px;
}

.rte_tr_11233_CCCCCC {
	background: #ccc;
}

#BannerRightColumn {
	margin-bottom: 10px;
}

</style>
	<script type="text/javascript">

window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

</script>
	
</head><body>



<div id="Container">	
	<div id="Header">		
		<div id="Logolink">
		  <a href="http://www.fcbayern.fr" title="Accueil"><img src="image_v5/blank.gif" border="0" height="100" width="203" /></a>
		</div>
		<div id="Lang">
		</div>	
	</div>
		
	<div id="menu">
		<dl>
			<dt onMouseOver="montre('smenu0');"><a href="http://fcbayern.fr">News FCB.fr</a></dt>
				<dd id="smenu0"></dd>
		</dl>
		
		<dl>
			<dt onMouseOver="montre('smenu1');"><a href="#">2006/2007</a></dt>
			<dd id="smenu1">
			<ul>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/calendrier.php?champ=15">Calendrier</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/detaileq.php?id_equipe=125&champ=15">Resultats</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/classement_barre.php?champ=15&type=Général">Classement</a></li>

				<li><a href="http://www.fcbayern.fr/C1_2007_v5.php">Champions League</a></li>
				<li><a href="http://fcbayern.fr/bundesliga/consult/stats.php?champ=15&equipe=125">Statistiques</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/transfer.php?id_club=4&saison=0607">Transfert</a></li>
			</ul>
			</dd>
		</dl>
	
		<dl>			
			<dt onMouseOver="montre('smenu2');"><a href="#">Club</a></dt>
			<dd id="smenu2">
			<ul>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/club.php?id_clubs=4&champ=15">Bayern Munich</a></li>
				<li><a href="http://fcbayern.fr/clubv5.php">Hisoire du Bayern</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/anniversaire.php">Les Anniversaires</a></li>
				<li><a href="http://fcbayern.fr/maillotv5.php">Les Maillots</a></li>
				<li><a href="http://fcbayern.fr/stade.php">Allianz Arena</a></li>
				<li><a href="http://www.fcbayern.fr/sabenerv5.php">Sabener Strasse</a></li>
			</ul>
			</dd>
		</dl>
	
		<dl>	
			<dt onMouseOver="montre('smenu3');"><a href="#">Multimedia</a></dt>
			<dd id="smenu3">
			<ul>
		        <li><a href="http://fcbayern.fr/interviewv5.php">Les Interviews</a></li>
				<li><a href="http://fcbayern.fr/reportages.php">Les reportages</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/photos.php?id_club=4&saison=0607">La Galerie Photos</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/consult/videos.php?id_club=4&saison=0607">La Galerie Videos</a></li>
				<li><a href="http://www.allianz-arena.de/popup/webcam_popup_large_2.php">La Webcam de l'allianz</a></li>
				<li><a href="">Le staff</a></li>

			</ul>
			</dd>
		</dl>

		<dl>	
			<dt onMouseOver="montre('smenu4');"><a href="#">Forum</a></dt>
			<dd id="smenu4">
			<ul>
				<li><a href="http://fcbayern.fr/phpBB2">FCB.FR Forum</a></li>
				<li><a href="http://fcbayern.fr/phpBB2/search.php">Rechercher</a></li>
				<li><a href="http://fcbayern.fr/phpBB2/memberlist.php">Liste des Membres</a> </li>
				<li><a href="http://fcbayern.fr/phpBB2/profile.php?mode=register">S'enregistrer</a></li>
				<li><a href="http://fcbayern.fr/phpBB2/profile.php?mode=editprofile">Profil</a></li>
				<li><a href="http://fcbayern.fr/phpBB2/privmsg.php?folder=inbox">Messages privés</a></li>
				<li><a href="http://fcbayern.fr/phpBB2/login.php">Connexion</a></li>
			</ul>
			</dd>
		</dl>
	
		<dl>	
			<dt onMouseOver="montre('smenu5');"><a href="#">Pronostics</a></dt>
			<dd id="smenu5">
			<ul>
				<li><a href="http://www.fcbayern.fr/bundesliga/prono/index.php?gr_champ=6">Pronostics</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/prono/index.php?page=statistiques&gr_champ=6">Cotes des Matchs</a></li>
				<li><a href="http://www.fcbayern.fr/bundesliga/prono/index.php?page=classement&gr_champ=6">Classement general des pronostics</a></li>		
			</ul>
			</dd>
		</dl>
	
		<dl>	
			<dt onMouseOver="montre('smenu6');"><a href="#">Fcbayern.fr</a></dt>
			<dd id="smenu6">
			<ul>
				<li><a href="http://fcbayern.fr/rss.php" target="_blank">RSS</a></li>
				<li><a href="">L'équipe</a></li>
				<li><a href="">Admin</a></li>
			</ul>
			</dd>
		</dl>
</div>
	<div id="LeftColumn"><!--###LeftColumn### debut -->
<noscript>
</noscript>
<div class="box">
	      <h3><a href="http://www.fcbayern.fr/bundesliga/consult/calendrier.php?champ=15" title="Dernier match du Bayern">Dernier Match  </a></h3>
	      <div class="box_img">
  <iframe src="http://www.fcbayern.fr/bundesliga/consult/last_logo.php?champ=15" frameborder="0" width="150" height="80" scrolling="No" noresize="noresize" marginwidth="0" marginheight="0">
  <div align="center"></div>
  </iframe>

  </a></div>
</div>
<div class="box">
    <h3><a href="http://www.fcbayern.fr/c1-2007.php" title="Le Bayern en champions League">Champions League</a> </h3>
    <div class="box_img">
   <iframe src="http://www.fcbayern.fr/bundesliga/consult/last_logo.php?champ=18" frameborder="0" width="150" height="70" scrolling="No" noresize="noresize" marginwidth="0" marginheight="0"></iframe>
  </a></div>
  
</div>

	  
				<div id="Specialbutton"><!--###Specialbutton### debut --><!-- zur Zeit keine Button EinblFinunng -->
  

<!--###Specialbutton### Fin -->
<div id="Service" class="bundesligabox_tabs">
  <ul>
    <li>
      <iframe src="http://fcbayern.fr/bundesliga/consult/miniseul.php?
champmini=15&typemini=Général
&nb_dessusmini=20&nb_dessousmini=20
&presentationmini=1&lienmini=non
&classmini=0" frameborder="no" 
height="410" width="160"></iframe>
    </li>
  </ul>
</div>

	  </div>
		        <div id="Bannerleft">
	</div>
		<!--###LeftColumn### Fin -->
        
        
</div>
<div id="MainColumn">
	<div id="NewsColumn">
		<div class="news_block">
			<div class="item big">
				<div>
					<div class="news_block"><h2><a href="suite.php?newsid=2106">Saison terminée pour Podolski !</a></h2>
					</div>  	
					<div>Par <a href="mailto:fcb.ghost@gmail.com">Ghost</a>, jeu 26 avril 2007
					</div>	
					<div><img src="/ne3/config/defaultimg.png"  alt="Actu Joueurs"  />
					</div>	
					<div>Blessé à l'entraînement mardi, Lukas Podolski a annoncé jeudi qu'il allait être opéré à un genou et devrait être absent trois mois.
					</div>	
					<div>
						<p>L'équipe</p>
					</div>	
					<div align="right">
						<div class="message">
						<a href="suite.php?newsid=2106">Lire la suite</a>
						</div>
					</div>
					<div>
					</div>
				</div>
			</div>
			<div class="message">
			</div>
		</div>
		<div class="news_block">
			<h2><a href="" title="">Les Autres News </a></h2>
			<div class="item normal"><a href=""></a>
				<div class="message">
				<ul>

				</ul>	
				</div>
			</div>
			<div class="item small">
				<div class="message">
				</div>
			</div>
			<span style="display: block; clear: both;"></span>
		</div>
	</div>
	<div id="RightColumn"><!--###rightColumn### debut -->
	    <div class="box">
    <h3><a href="http://www.fcbayern.fr/bundesliga/consult/calendrier.php?champ=15" title="Prochain match du Bayern">Prochain match </a></h3>

    <h4>
      <iframe src="http://www.fcbayern.fr/bundesliga/consult/next_logo.php?champ=15" frameborder="0" width="150" height="80" scrolling="No" noresize="noresize" marginwidth="0" marginheight="0"></iframe>
  </h4>
  <h4></h4></div>
        <div class="box">
    <h3><a href="http://www.fcbayern.fr/c1-2007.php" title="Le Bayern en champions League">Champions League</a> </h3>
    <div class="box_img">

   <iframe src="http://www.fcbayern.fr/bundesliga/consult/next_logo.php?champ=18" frameborder="0" width="150" height="70" scrolling="No" noresize="noresize" marginwidth="0" marginheight="0"></iframe>
  </a></div>
  
</div>
<div class="box">
  <h3><a href="http://fcbayern.fr/phpBB2/" title="forum Fcbayern.fr">Le forum en Live 
            </a></h3>
    <ul><li>
      
<img src="http://fcbayern.fr/image_v5/icon_forum.gif" border="0"><a href="phpBB2/viewtopic.php?p=47863#47863" rel="nofollow">
Coupe UEFA 2006/2007</a>

<br/>
<img src="http://fcbayern.fr/image_v5/icon_forum.gif" border="0"><a href="phpBB2/viewtopic.php?p=47862#47862" rel="nofollow">
Femme(s) de joueurs</a>
<br/>
<img src="http://fcbayern.fr/image_v5/icon_forum.gif" border="0"><a href="phpBB2/viewtopic.php?p=47861#47861" rel="nofollow">
La Mannschstaff</a>
<br/>
<img src="http://fcbayern.fr/image_v5/icon_forum.gif" border="0"><a href="phpBB2/viewtopic.php?p=47859#47859" rel="nofollow">
Transferts 2006/2007 (Partie 2)</a>
<br/>
<img src="http://fcbayern.fr/image_v5/icon_forum.gif" border="0"><a href="phpBB2/viewtopic.php?p=47857#47857" rel="nofollow">
Help</a>
<br/>    </li>

    </ul>
    </div>
	<div class="box">
    <h3><a href="http://www.fcbayern.fr/c1-2007.php" title="Le Bayern en champions League">Partenaires</a> </h3>
    <ul>
      <li>
        <div align="left"><a href="http://francefootballdetable.net/" target="_blank" title="Subbuteo">Football de Table</a></div>

      </li>
      <li>
        <div align="left"><a href="http://www.footballpronos.com/" target="_blank">Footballpronos</a></div>
      </li>
      <li>
        <div align="left"><a href="http://phpleague.univert.org/" target="_blank" title="PhpLeague">PhpLeague</a></div>
      </li>
      <li>

        <div align="left"><a href="http://gianluca9.skyblog.fr/" target="_blank" title="Blog">Blog de Toto</a></div>
      </li>
    </ul>
    </div>
</div></div><!--###rightColumn### Fin -->

<!--###Container### Fin -->
</div>
<!-- ###BODY_INHALT### -->
<div class="middle" id="Footer">
  <!--###Footer### begin -->

<div id="Footer"><!--###Footer### debut -->
		
  <div class="left"><!--###left### debut --> 
    <span class="Style1">2001-2007</FONT><a href="http://www.fcbayern.fr/"> fr-fcbayern</a> - Version 5</span> 
 <script language="javascript" src="http://www.fcbayern.fr/phpstats/php-stats.js.php"></script>
<noscript><img src="http://www.fcbayern.fr/phpstats/php-stats.php" border="0" alt=""></noscript>

  </FONT> <!--###left### Fin --></div>
		<div class="right"><!--###right### debut -->
		  <span class="Style1">en ligne :          </span>
		  <script language="JavaScript" src="http://www.fcbayern.fr/phpstats/view_stats.js.php?mode=0"></script>
  <!--###right### Fin --></div>
	<!--###Footer### Fin --></div>  <!--###Footer### end -->
</div>

</body>
</html>

Bon, il y a encore pas mal à gratter, validation ... Smiley lol

Bon courage

Raphael

Administrateur

27 Apr 2007 à 09:40

Je crois que le record du message le plus long de la semaine est battu.
Bravo Smiley biggol

ghost

1 May 2007 à 13:57

J'ai droit à quoi? une tournée générale?

Sujet clos

CSS et mise en forme, CSS3

Menu different entre IE & firefox