incompatibilité avec IE7

incompatibilité avec IE7 Sujet résolu

fox54270

Posté le 12/01/2008 @ 14:28

Bonjour
voila je suis en tain d'apprendre à réalisé un site avec CSS mais la je rencontre une problématique avec la compatibilité avec IE6 ET IE7 en faite le
sur mozilla tout les bloc sans a leur place mais quand je vis sur IE les blocs disparu ou et ils ne sont plus a leur place voila le lien pour voir http://lorractu.idev-hosting.info/
pour les feuille de style c'est main.css voila le code

body {
margin: 0px 0 0;
font: .70em "Helvetica", Arial, Sans-Serif;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
}
h1 { font-size: 2.3em; }
h2 { font-size: 1.8em; color: #5c5b57; }
a { color: #960a0d; }
a:hover { color: #960a0d; text-decoration: none; }
img { border: 0; }
.red { color: #960a0d; }
.grey { color: #5c5b57; }
p { font-size: 1.2em; color: #5c5b57; }

#header {
width: 995px;
height: 235px;
margin: 0 auto;
background-image: url(../images/top.jpg);
}
#wrap, wrap a {
width: 995px;
background: #fff url;
margin-right: auto;
margin-left: auto;
padding-left: 0px;
color: #960a0d;
padding-top: 9px;
}
#header #logo {
width: 995px;
height: 133px;
background:transparent url(../images/logo.png) repeat scroll 0%;
background-repeat: no-repeat;
background-position: 0px 24px;
}
#header #pub {
width: 995px;
height: 70px;
background-image: url(../images/Banniere_animee.gif);
background-repeat: no-repeat;
background-position: 300px 5px;
padding-top: 9px;
}
#header #recherche {

background:transparent url(../img/elements/dotted_vertical.gif) repeat-y scroll 0%;
float:right;
padding:20pt 0pt 14px 13px;
}
#header #header #recherchebis {

background:transparent url(../img/elements/dotted_vertical.gif) repeat-y scroll 0%;
float:right;
padding:20pt 0pt 14px 13px;
}
#header #flashnews {
color:#083266;
font-size:1em;
left:469px;
position:absolute;
text-transform:uppercase;
top:184px;
width: 719px;
}
#header #mise_jour {
clear:both;
color:#083266;
display:block;
font-size:1em;
font-weight:bold;
margin:3px 0pt 0pt 10px;
width:220px;
position:absolute;
left: 230px;
top: 181px;
}
.nav{
color: #960a0d;
padding-right: auto;
font-size: 14px;
}
.nav a{
color: #960a0d;
text-decoration: none;
padding-left: 9px;
padding-right: 9px;
}
.col-left {
float: left;
width: 476px;
border:1px solid #CCCCCC;
height:auto;
padding:0pt 10px 0pt 10px;
}
.col-middle {
float: left;
width: 120px;
padding-top: 52px;
padding-right: 20px;
border:1px solid #CCCCCC;
height:auto;
padding-left:10px;
}
.col-right {
float: left;
width: 308px;
border:1px solid #CCCCCC;
padding-top: 52px;
padding-right: 20px;
height:auto;
padding-left:10px;
}
.footer {
padding-top: 110px;
background-image: url(../images/bgFooter.gif);
background-position: bottom;
height: 50px;
background-repeat: repeat-x;
color: #7a7a77;
clear: both;
margin-bottom: 0px;
width: 995px;
margin: 0 auto;
}
.footer a { color: #7a7a77; text-decoration: none;}

et pour la feuille de style du menu vloia le code

ul#navigation-1
{
margin:0;
padding:1px 0px;
list-style:none;
width:932px;
height:21px;
font:normal 8pt verdana, arial, helvetica;
position:absolute;
top: 210px;
left: 223px;
}
ul#navigation-1 li
{ margin:0; padding:1; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:transparent; color:#960a0d; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:ceter; text-decoration:none; background:transparent; color:#960a0d; width:147px; height:13px; border-left:1px solid #960a0d; border-right:1px solid #960a0d; }

ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#ffffff; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:#ffffff; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }

Merci d'avence pour votre aide

Dreamer

Posté le 12/01/2008 à 14:42

Salut

Deux choses a faire : changer le charset :

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Car ton affichage est bizarre !!

Ensuite , ôtes tous tes javascripts ( momentanément ) pour voir si ton affichage devient correct !!

A+

Malcolm

Posté le 12/01/2008 à 14:50

Désolé de revenir là dessus, mais n'oublie pas de corriger les fautes aussi ...

Bonjour bien veneu sur la nouvelle version du site lorractu

Bonjour
voila je suis en tain d'apprendre à réalisé un site avec CSS mais la je rencontre une problématique avec la compatibilité avec IE6 ET IE7 en faite le
sur mozilla tout les bloc sans a leur place mais quand je vis sur IE les blocs disparu ou et ils ne sont plus a leur place voila le lien pour voir http://lorractu.idev-hosting.info/
pour les feuille de style c'est main.css voila le code

Tu pourrais au moins te relire ...

fox54270

Posté le 12/01/2008 à 15:31

Malcolm a écrit :

Désolé de revenir là dessus, mais n'oublie pas de corriger les fautes aussi ...
Bonjour bien veneu sur la nouvelle version du site lorractu
Bonjour
voila je suis en tain d'apprendre à réalisé un site avec CSS mais la je rencontre une problématique avec la compatibilité avec IE6 ET IE7 en faite le
sur mozilla tout les bloc sans a leur place mais quand je vis sur IE les blocs disparu ou et ils ne sont plus a leur place voila le lien pour voir http://lorractu.idev-hosting.info/
pour les feuille de style c'est main.css voila le code

Tu pourrais au moins te relire ...

merci mais pour le moment c'est pas ce qui va résoudre mon problème?

Malcolm

Posté le 12/01/2008 à 21:02

Désolé, pour ma part j'ai choisi de ne pas installer IE7.

Dreamer

Posté le 12/01/2008 à 21:26

Malcolm a écrit :

Désolé, pour ma part j'ai choisi de ne pas installer IE7.

Et moi , je peux pas l'installer !!! M'en fout , j'ai FF et Opera

fox54270

Posté le 12/01/2008 à 22:02

c'est bien mais c'est domage pour les autre et pour moi aussi car j'ai pas de reponse

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !

Les bons plans du moment PC Astuces

Tous les Bons Plans

Tournevis de poche Stanley 4 en 1 à 4 €
4,00 € ~~9 €~~ -56% @Amazon

Amazon fait une promotion sur le tournevis de poche Stanley 4 en 1 qui passe à 4 € au lieu de 9 €.

Voir le bon plan

Kit de nettoyage pour clavier à 4,65 €
4,65 € ~~10 €~~ -54% @Geekbuying

Geekbuying fait une promotion sur le kit de nettoyage pour clavier qui passe à 4,65 € au lieu de 10 €. Ce kit multifonction comporte une brosse douce de nettoyage, un outil pour retirer les touches et une pointe en métal pour la poussière tenace. Deux petites éponges vous permettront également de nettoyer vos écouteurs.

Voir le bon plan

Coupe-bordures sans fil Bosch EasyGrassCut 18V-230 (23 cm, batterie 18V 2Ah) à 74,99 €
74,99 € ~~104 €~~ -28% @Amazon

Amazon fait une promotion sur le coupe-bordures sans fil Bosch EasyGrassCut 18V-230 avec 1 batterie 2 Ah qui passe à 74,99 € grâce à un coupon à activer sur la page du produit. On le trouve ailleurs à partir de 104 €.

Voir le bon plan

Mini PC Beelink SER5 (Ryzen 5 5500UH, 16 Go RAM, SSD NVMe 500 Go, WiFi 6, Windows 11) à 329 €
329 € ~~440 €~~ -25% @Amazon

Amazon fait une promotion sur l'excellent mini PC Beelink SER5 qui passe à 329 € avec un coupon à activer sur la page du produit. On le trouve habituellement autour de 440 €. Ce mini PC intègre un processeur AMD Ryzen 5 5500U (6 coeurs), 16 Go de RAM DDR4 et un SSD NVMe de 500 Go au format M.2 (un emplacement 2.5' libre est également disponible). Il possède un chip graphique Vega 7 qui fera tourner les jeux en HD. Il intègre le WiFi 6, le bluetooth 5.2, un port Ethernet Gigabit, 3 ports USB 3.2, un port USB-C et deux connecteurs HDMI. Le tout tourne sous Windows 11 Pro.

Une excellente affaire pour un PC performant et qui ne prendra pas de place !

Voir le bon plan

Pack de 4 ampoules Philips Hue White Ambiance bluetooth à 50,52 € livré
50,52 € ~~75 €~~ -33% @Amazon Allemagne

Amazon Allemagne fait une belle promotion sur le lot de 4 ampoules Philips Hue White Ambiance bluetooth qui passe à 45,37 €. Comptez 5,15 € pour la livraison en France soit un total de 50,52 € livré au lieu de 75 €. Vous pourrez contrôler et programmer l'éclairage des lampes avec votre smartphone sous Android ou iOS (compatible avec le HomeKit d'Apple) ainsi que via les assistants vocaux (Alexa, OK Google). Faites varier l’intensité de votre éclairage et personnalisez votre ambiance avec les nuances de blancs et profitez de 4 scénarios lumineux pré-programmés : stimulation, concentration, lecture et détente.

Voir le bon plan

Ecran 27 pouces Samsung Smart Monitor M5 (Full HD, WiFi, Airplay 2) à 119 € (via ODR)
119 € ~~200 €~~ -40% @GrosBill

Grosbill fait une promotion sur l'écran 27 pouces Samsung Smart Monitor M5 qui passe à 149 € au lieu de 200 €. Or Samsung vous rembourse actuellement 30 € pour l'achat de cet écran qui vous reviendra à 119 € après remboursement.

Une excellente affaire pour cet écran atypique puisqu'il intègre le système Tizen de Samsung. Vous pouvez l'utiliser comme écran PC mais également comme appareil autonome puisqu'il intègre la gamme d'applications Smart telles que Amazon Prime Video, Netflix, YouTube et Disney + via la télécommande, sans avoir besoin de votre PC.

Vous pourrez également connecter votre PC Portable, Smartphone ou votre dernière console de jeu au Smart Monitor via HDMI, WiFi, Bluetooth ou Airplay. Et grâce à la fonction Auto Source Switch +, le Smart Monitor détecte les appareils connectés dès qu’ils sont branchés et affiche la bonne source.

Voir le bon plan