Affichage Firefox et IE8

Question

gulit

27 Aug 2012 à 11:13

Bonjour à tous,

J'ai un petit soucis avec mon site. Lorsque je souhaite m'identifier tout se passe bien la redirection fonctionne sauf qu'au niveau de l'affichage sous Firefox tout est ok sur IE j'ai uniquement l'image de fond.
Vous connaissez la raison ?

Ci dessous mon code de la page sur laquelle on arrive une fois l'identification faite!

<?php
@session_start();
if (@$_SESSION['auth'] !="yes")
{ include ("login.php");
exit();
}
?>

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mateldis, au service des éleveurs !</title>
<style type="text/css">

<!--
body {
	width: 744px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-image: url(images/background.png);
}
#wrap {
	width: 744px;
	height: 187px;
	background-image: url(images/background.png);
}
#wrap #hautlogo {
	height: 73px;
	width: 250px;
	background-image: url(images/templatemo_logo.png);
}
#wrap #menu {
	margin-top: 65px;
}
#wrap #menu ul li{
	display: inline;
	margin-right: 70px;
	font-family: Altera, "Alte Haas Grotesk", Arial;
	color: #C60;
	font-weight: lighter;
	font-size: 16px;
}
#wrap #menu ul #fournisseur a {
	text-decoration: none;
	color: #C60;
}
#wrap #menu ul #fournisseur a:hover{
	color: #009;
}
#main {
	height: auto;
	width: 900px;
	border-radius: 10px;
	font-family: Altera, "Alte Haas Grotesk", Arial;
	background-color: #FFF;
	font-size: medium;
	box-shadow: 8px 8px 12px #666;
	text-align: center;
	vertical-align: middle;
	color: #333;
}
#main h1 {
	font-family: Arial;
	font-weight: lighter;
	font-size: 25px;
	background-image: url(images/fd_h1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	left: 20px;
	letter-spacing: 1px;
	line-height: 1.4;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 23px;
	width: 900px;
	text-align: left;
	color: #333;
	float: left;
}

#main img {
	padding: 10px;
}
#main #abac {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-abac.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #abac span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #agritubel {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-agritubel.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #agritubel span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #ambic {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-ambic.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #ambic span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #milwaukee {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-milwaukee.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #milwaukee span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #algi {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-algi.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #algi span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#wrap #menu ul #boutique a {
	text-decoration: none;
	color: #C60;
}
#main #anjou {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-anjou.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #anjou span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #armor {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-armor.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #armor span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #auxicom {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-auxicom.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #auxicom span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #brosserie {
	color: #666;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-brosserie.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #brosserie span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #celloplast {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-celloplast.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #celloplast span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 14px;
	text-align: left;
	letter-spacing: 1px;
}
#main #cidline {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-cid.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #cidline span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
}
#main #ckindustrie {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-ck.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #ckindustrie span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #chapron {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-chapron.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #chapron span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #comet {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-comet.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #comet span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #denbraven {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-denbraven.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #denbraven span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #express {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-express.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #express span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #fiav {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-fiav.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #fiav span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #frans {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-frans-bonhomme.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #frans span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
}
#main #fuchs {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-fuchs.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #fuchs span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #genelec {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-genelec.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #genelec span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #gys {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-gys.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #gys span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #hitachi {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-hitachi.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #hitachi span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #idmat {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-idmat.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #idmat span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #ingfixation {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-ing.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #ingfixation span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #karcher {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-karcher.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #karcher span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #kerbl {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-kerbl.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #kerbl span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #kraftwerk {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-kraftwerk.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #kraftwerk span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #labuvette {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-la-buvette.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #labuvette span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #lebeurre {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-lma.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #lebeurre span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #monoflo {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-monoflo.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #monoflo span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #nilfisk {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-nilfisk-alto.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #nilfisk span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #norma {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-norma-group.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #norma span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #noyon {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-noyon.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #noyon span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #pedrollo {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-pedrollo.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #pedrollo span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #prodif {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-prodif.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #prodif span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #reciprof {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-reciprof.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
	font-size: 14px;
}
#main #reciprof span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #rexel {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-rexel.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #rexel span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #revex {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-revex.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #revex span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #rico {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-rico.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #rico span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #rototech {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-rototec.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #rototech span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #sauvageau {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-cemont.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #sauvageau span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #sermes {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-sermes.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #sermes span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #sigmadis {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-sigmadis.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #sigmadis span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #socodix {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-socodix.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #socodix span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #sovelor {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-sovelor.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #sovelor span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #splus {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-s-plus.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
	text-align: center;
}
#main #splus span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
#main #ukal {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-ukal.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #ukal span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #unistar {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-unistar.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #unistar span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #worms {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-worms.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #worms span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
#main #xylem {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-flygt.jpg);
	box-shadow: 8px 8px 12px #666;
	float: left;
	margin: 20px;
}
#main #xylem span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
}
</style>

</head>

<body>  
<div id="wrap">
<div id="hautlogo"></div><!--hautlogo-->
<div id="menu">
<ul>
	<li id="fournisseur"><a href="catalogue.html">FOURNISSEURS</a></li>
	<li id="operation">OPERATIONS COMMERCIALES</li>
    <li id="boutique"><a href="http://www.boutique-ld3e.com/">ACCES BOUTIQUE LD3E</a></li>
</ul>

</div><!--menu-->

</div><!--wrap-->
<div id="main">

<h1>Fournisseur CDPA</h1>
<br />

<div><select name="fournisseur" size="1"  onChange="location=this.options[this.selectedIndex].value;">
<option selected="espace prive.php">SELECTION DU FOURNISSEUR </option>
<option value="labuvette.php">Abreuvement-LA BUVETTE</option>
<option value="rico.php">Abreuvement-RICO SUEVIA</option>
<option value="denbraven.php">Aérosols-DEN BRAVEN</option>
<option value="brosserie.php">Brosses diverses-BROSSERIE THOMAS</option>
<option value="idmat.php">Câbles, élingues, pinces de levage-IDMAT</option>
<option value="sovelor.php">Chauffage-SOVELOR</option>
<option value="splus.php">Chauffage, ventillation, rafraichissement-SPLUS</option>
<option value="rototec.php">Citernes et cuves plastiques-ROTOTEC</option>
<option value="chapron.php">Cloture & accessoires-CHAPRON LEMENAGER</option>
<option value="kerbl.php">Clotures &amp; accessoires-KERBL</option>
<option value="reciprof.php">Composants &amp; machine à traire-RECIPROF</option>
<option value="abac.php">Compresseurs-ABAC</option>
<option value="prodif.php">Compresseurs-PRODIF</option>
<option value="anjou.php">Courroie-ANJOU DIFFUSION</option>
<option value="armor.php">Droguerie-ARMOR CHIMIE</option>
<option value="hitachi.php">Electroportatifs-HITACHI</option>
<option value="milwaukee.php">Electroportatif-MILWAUKEE</option>
<option value="intermas.php">Films de serre, filets de protection, de paillage-CELLOPLAST</option>
<option value="auxicom.php">Fils&amp;cables électriques-AUXICOM</option>
<option value="sermes.php">Fils &amp; cables électriques-SERMES</option>
<option value="ing.php">Fixation-ING FIXATION</option>
<option value="algi.php">Graisse, lubrification &amp; equipement atelier-ALGI</option>
<option value="genelec.php">Groupe électrogène-GENELEC</option>
<option value="worms.php">Groupe électrogène-WORMS</option>
<option value="ambic.php">Hygiène laitière-AMBIC</option>
<option value="fuchs.php">Lubrifiant-FUCHS</option>
<option value="rexel.php">Materiel électrique-REXEL</option>
<option value="sigmadis.php">Matériel électrique-SIGMADIS</option>
<option value="socodix.php">Matériel élevage-SOCODIX</option>
<option value="ukal.php">Matériel élevage-UKAL</option>
<option value="comet.php">Nettoyeur-COMET</option>
<option value="karcher.php">Nettoyeur HP -KARCHER</option>
<option value="nilfisk.php">Nettoyeur HP -NILFISK</option>
<option value="kraftwerk.php">Outils atelier-KRAFTWERK</option>
<option value="revex.php">Outillage à main-REVEX</option>
<option value="xylem.php">Pompes &amp; accessoires-XYLEM</option>
<option value="pedrollo.php">Pompes-PEDROLLO</option>
<option value="monoflo.php">Pompes à vis excentrées-MONOFLO</option>
<option value="noyon.php">Plomberie-NOYON &amp; THIEBAULT</option>
<option value="cidline.php">Produits chimiques d'élevage-CID LINES</option>
<option value="unistar.php">Raccords &amp; valves-UNISTAR</option>
<option value="norma.php">Serflex,colliers-NORMA GROUP</option>
<option value="express.php">Soudure-EXPRESS</option>
<option value="gys.php">Soudure-GYS</option>
<option value="sauvageau.php">Soudure &amp; coupage-CEMONT/SAUVAGEAU</option>
<option value="agritubel.php">Tubulaire-AGRITUBEL</option>
<option value="ckindustrie.php">Tubulaire-CK INDUSTRIE</option>
<option value="fiav.php">Tubulaire-FIAV</option>
<option value="frans_bonhomme.php">Tubes &amp; raccords plastiques-FRANS BONHOMME</option>
<option value="lma.php">Vetements-LMA</option>
</select>
</div>

<div id="abac"><span>ABAC - Compresseurs</span><a href="abac.php" style="display:block; width:100%; height:100%;"></a></div><!--abac-->
<div id="agritubel"><span>AGRITUBEL - Tubulaire</span><a href="agritubel.php" style="display:block; width:100%; height:100%;"></a></div><!--agritubel-->
<div id="ambic"><span>AMBIC - Hygiène laitière</span><a href="ambic.php" style="display:block; width:100%; height:100%;"></a></div><!--ambic-->
<div id="milwaukee"><span>MILWAUKEE -  Electroportatif</span><a href="milwaukee.php" style="display:block; width:100%; height:100%;"></a></div><!--milwaukee-->
<div id="algi"><span>ALGI - Graisse, lubrification &amp; equipement atelier</span><a href="algi.php" style="display:block; width:100%; height:100%;"></a></div><!--algi-->
<div id="anjou"><span>ANJOU DIFFUSION- Courroie</span><a href="anjou.php" style="display:block; width:100%; height:100%;"></a></div><!--anjou-->
<div id="armor"><span>ARMOR-CHIMIE - Droguerie</span><a href="armor.php" style="display:block; width:100%; height:100%;"></a></div><!--armor-->
<div id="auxicom"><span>AUXICOM - fils&amp;cables électriques</span><a href="auxicom.php" style="display:block; width:100%; height:100%;"></a></div><!--auxicom-->
<div id="brosserie"><span>BROSSERIE THOMAS - Brosses diverses</span><a href="brosserie.php" style="display:block; width:100%; height:100%;"></a></div><!--broserie-->
<div id="celloplast"><span>CELLOPLAST - Film de serre, filet de protection, de paillage</span><a href="celloplast.php" style="display:block; width:100%; height:100%;"></a></div><!--celloplast-->
<div id="cidline"><span>CID LINES - Produits chimiques d'élevage</span><a href="cidline.php" style="display:block; width:100%; height:100%;"></a></div><!--cidline-->
<div id="ckindustrie"><span>CK Industrie - Tubulaire</span><a href="ckindustrie.php" style="display:block; width:100%; height:100%;"></a></div><!--ckindustrie-->
<div id="chapron"><span>CHAPRON LEMENAGER - Cloture</span><a href="chapron.php" style="display:block; width:100%; height:100%;"></a></div><!--chapron-->
<div id="comet"><span>COMET - Nettoyeur</span><a href="comet.php" style="display:block; width:100%; height:100%;"></a></div><!--comet-->
<div id="denbraven"><span>DEN BRAVEN - Aérosols</span><a href="denbraven.php" style="display:block; width:100%; height:100%;"></a></div><!--denbraven-->
<div id="express"><span>EXPRESS - Soudure</span><a href="express.php" style="display:block; width:100%; height:100%;"></a></div><!--express-->
<div id="fiav"><span>FIAV - Tubulaire</span><a href="fiav.php" style="display:block; width:100%; height:100%;"></a></div><!--fiav-->
<div id="frans"><span>FRANS BONHOMME - Tubes &amp; raccords plastiques</span><a href="frans_bonhomme.php" style="display:block; width:100%; height:100%;"></a></div><!--frans-->
<div id="fuchs"><span>FUCHS - Lubrifiant</span><a href="fuchs.php" style="display:block; width:100%; height:100%;"></a></div><!--fuchs-->
<div id="genelec"><span>GENELEC - Groupe électrogène</span><a href="genelec.php" style="display:block; width:100%; height:100%;"></a></div><!--genelec-->
<div id="gys"><span>GYS - Soudure</span><a href="gys.php" style="display:block; width:100%; height:100%;"></a></div><!--gys-->
<div id="hitachi"><span>HITACHI - Electroportatifs</span><a href="hitachi.php" style="display:block; width:100%; height:100%;"></a></div><!--hitachi-->
<div id="idmat"><span>IDMAT - Câbles, élingues, pinces de levage </span><a href="idmat.php" style="display:block; width:100%; height:100%;"></a></div><!--idmat-->
<div id="ingfixation"><span>ING FIXATION - Fixation</span><a href="ingfixation.php" style="display:block; width:100%; height:100%;"></a></div><!--idmat-->
<div id="karcher"><span>KARCHER - Nettoyeur HP</span><a href="karcher.php" style="display:block; width:100%; height:100%;"></a></div><!--karcher-->
<div id="kerbl"><span>KERBL - Clotures &amp; accessoires</span><a href="kerbl.php" style="display:block; width:100%; height:100%;"></a></div><!--kerbl-->
<div id="kraftwerk"><span>KRAFTWERK - Outils atelier</span><a href="kraftwerk.php" style="display:block; width:100%; height:100%;"></a></div><!--kraftwerk-->
<div id="labuvette"><span>LA BUVETTE - Abreuvement</span><a href="labuvette.php" style="display:block; width:100%; height:100%;"></a></div><!--labuvette-->
<div id="lebeurre"><span>LMA - Vetements</span><a href="lebeurre.php" style="display:block; width:100%; height:100%;"></a></div><!--lebeurre-->
<div id="monoflo"><span>MONOFLO - Pompes à vis excentrées</span><a href="monoflo.php" style="display:block; width:100%; height:100%;"></a></div><!--monoflo-->
<div id="nilfisk"><span>Nilfisk - Nettoyeur HP</span><a href="nilfisk.php" style="display:block; width:100%; height:100%;"></a></div><!--nilfisk-->
<div id="norma"><span>NORMA Group - Serflex,colliers</span><a href="norma.php" style="display:block; width:100%; height:100%;"></a></div><!--norma-->
<div id="noyon"><span>NOYON &amp; THIEBAULT - Plomberie</span><a href="noyon.php" style="display:block; width:100%; height:100%;"></a></div><!--noyon-->
<div id="pedrollo"><span>PEDROLLO - Pompes</span><a href="pedrollo.php" style="display:block; width:100%; height:100%;"></a></div><!--pedrollo-->
<div id="prodif"><span>PRODIF - Compresseurs</span><a href="prodif.php" style="display:block; width:100%; height:100%;"></a></div><!--prodif-->
<div id="reciprof"><span>RECIPROF - Composants &amp; machine à traire</span><a href="reciprof.php" style="display:block; width:100%; height:100%;"></a></div><!--reciprof-->
<div id="rexel"><span>REXEL - Materiel électrique</span><a href="rexel.php" style="display:block; width:100%; height:100%;"></a></div><!--rexel-->
<div id="revex"><span>REVEX - Outillage à main</span><a href="revex.php" style="display:block; width:100%; height:100%;"></a></div><!--revex-->
<div id="rico"><span>RICO SUEVIA - Abreuvement</span><a href="rico.php" style="display:block; width:100%; height:100%;"></a></div><!--rico-->
<div id="rototech"><span>ROTOTEC - Citernes et cuves plastiques</span><a href="rototec.php" style="display:block; width:100%; height:100%;"></a></div><!--rototech-->
<div id="sauvageau"><span>CEMONT - Soudage &amp; coupage</span><a href="cemont.php" style="display:block; width:100%; height:100%;"></a></div><!--sauvageau-->
<div id="sermes"><span>SERMES - Fils &amp; cables électriques</span><a href="sermes.php" style="display:block; width:100%; height:100%;"></a></div><!--sermes-->
<div id="sigmadis"><span>SIGMADIS - Matériel électrique</span><a href="sigmadis.php" style="display:block; width:100%; height:100%;"></a></div><!--sigmadis-->
<div id="socodix"><span>SOCODIX - Matériel d'élevage</span><a href="socodix.php" style="display:block; width:100%; height:100%;"></a></div><!--socodix-->
<div id="sovelor"><span>SOVELOR - Chauffage</span><a href="sovelor.php" style="display:block; width:100%; height:100%;"></a></div><!--sovelor-->
<div id="splus"><span>SPLUS - Chauffage, ventillation, rafraichissement</span><a href="splus.php" style="display:block; width:100%; height:100%;"></a></div><!--splus-->
<div id="ukal"><span>UKAL - Matériel élevage</span><a href="ukal.php" style="display:block; width:100%; height:100%;"></a></div><!--ukal-->
<div id="unistar"><span>UNISTAR - Raccords &amp; valves</span><a href="unistar.php" style="display:block; width:100%; height:100%;"></a></div><!--unistar-->
<div id="worms"><span>WORMS - Groupe électrogène</span><a href="worms.php" style="display:block; width:100%; height:100%;"></a></div><!--worms-->
<div id="xylem"><span>XYLEM  - Pompes &amp; accessoires</span><a href="xylem.php" style="display:block; width:100%; height:100%;"></a></div><!--xylem-->

</div>
</body>
</html>

Javert67

3 Sep 2012 à 11:11

Personnellement je ne vais pas pouvoir te répondre, mais je pense que si tu veux une réponse de quelqu'un il va falloir être plus précis, en gardant par exemple juste le code nécessaire dans ton CSS.

Parce que dire qu'un truc ne fonctionne pas et publier tout le code source de son site, c'est un peu démotivant pour un lecteur du forum je pense ^^

Mais avec Firebug tu devrais trouver la solution à ton problème non ?

SuperMerguez

3 Sep 2012 à 13:15

Tu peux éditer ton code pour enlever tout ce qui ne concerne pas ton problème ? je pense que personne ne te répondra si tu laisses ton message comme ceci...

gulit

3 Sep 2012 à 14:08

Bonjour,
Ci dessous, le code CSS qui ne fonctionne pas sous IE (mais qui fonctionne très bien sur firefox).
Cdt

<style type="text/css"> 
<!--
body {
	width: 744px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-image: url(images/abacfond.jpg);
}
#wrap {
	width: 744px;
	height: 187px;
	background-image: url(images/background.png);
}
#wrap #hautlogo {
	height: 73px;
	width: 250px;
	background-image: url(images/templatemo_logo.png);
}
#wrap #menu {
	margin-top: 65px;
}
#wrap #menu ul li{
	display: inline;
	margin-right: 70px;
	font-family: Altera, Alte Haas Grotesk, Arial;
	color: #C60;
	font-weight: lighter;
	font-size: 16px;
}
#wrap #menu ul #fournisseur a {
	text-decoration: none;
	color: #C60;
}
#wrap #menu ul #fournisseur a:hover{
	color: #009;
}
#main {
	height: auto;
	width: 845px;
	border-radius: 10px;
	font-family: Altera, Alte Haas Grotesk, Arial;
	font-size: medium;
	text-align: center;
	vertical-align: middle;
	color: #333;
}
#main div {
	background-color: #FFF;
}
#main #contenu {
	background-color: #666;
	float: right;
	height: auto;
	width: 575px;
	margin-top: 5px;
}
#main #doc {
	height: auto;
	width: 250px;
	top: 150px;
	background-image: url(images/fond-intranet-2.jpg);
	font-family: Arial, Helvetica, sans-serif;
}
#main #doc ul {
	text-align: left;
	background-color: #333;
}
#main #doc ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-image: url(images/adobe.gif);
	font-size: 13px;
	color: #FFF;
	padding-top: 5px;
}
#main #doc ul h3 {
	text-align: left;
	font-size: 16px;
	color: #FFF;
}
#main h1 {
	font-family: Arial;
	font-weight: lighter;
	font-size: 25px;
	background-image: url(images/fd_h1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	left: 20px;
	letter-spacing: 1px;
	line-height: 1.4;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 23px;
	width: 822px;
	text-align: left;
	color: #333;
	float: left;
	background-color: #FFF;
}
 
#main img {
	padding: 10px;
}
#main #abac {
	color: #FFF;
	background-color: #FFF;
	height: 145px;
	width: 247px;
	background-image: url(images/logo-abac.jpg);
	float: left;
	margin-top:5px;
}
#main #abac span {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
}
</style>
</head>

gulit

3 Sep 2012 à 14:09

Petite précision sous IE j'ai uniquement l'aperçu du background-img de "body"

Sujet clos

Questions générales et questions de débutants

Affichage Firefox et IE8