IE et FF encore un problème sur un site Fermé

Question

bonjour
j'aurais de nouveau besoin d'aide pour la compatibilité d'un site entre IE et FF !
voici l'adresse:
https://www.sas-evenement.fr/
la page d'accueil ne pose pas de problème mais dès que l'on rentre dans le site, le menu de droite est bien "collé" en haut de page et ne bouge pas lorsque l'on scrolle sous IE
... mais sous FF c'est une autre paire de manches ... il réagit tout à fait différemment ....
alors : sos !
si vous avez besoin de certians codes dîtes-le !
@mitiés
b g

RAD ZONE · Answer

SALUT Bg il y avais plusieurs erreurs essaye ca S . A . S - EVENEMENT TOUT POUR VOS SOIREES et ANIMATIONS °°°

Pour tous vos évènements, familiaux ou publics, dans le Pas de Calais, le Nord ou la Somme ... Nous répondons présent ! sonorisation

contact: Jean-pierre brasseur

portable

06 85 84 04 21

03 21 72 35 01

musique

danse

DES PROS POUR TOUS VOS EVENEMENTS

S . A . S . EVENEMENT . Les Professionnels de l'évènementiel !

Parce que votre évènement est unique, pourquoi ne pas faire confiance à une personne de métier pour l'animer ou même pour vous donner des idées afin de le mener à bien !
Forte d'une expérience de 20 ans dans l'animation et la sonorisation de différentes prestations, S.A.S. EVENEMENT basée dans le Pas de Calais (62), à proximité notamment des départements du Nord (59) et de la Somme (80), est à votre disposition sur toutes ces régions, et répond avec le même professionnalisme que vous soyez un particulier, une entreprise, une assocation ou encore une municipalité.
Parce que nous ne nous contentons pas de notre savoir faire, nous utilisons du matériel de sonorisation et d'éclairage, trié dans la gamme professionnelle de grandes marques.

Petits rappels ... pour vous !

aniamation J.P. Nous vous invitons à parcourir les différentes rubriques du site pour découvrir nos offres de prestations. N'hésitez pas à nous contacter pour toute question, précision..., renseignez-vous sur nos tarifs qui s'entendent toutes taxes comprises.

ca regle IE mais le probleme persiste sur opera RAD

RAD ZONE · Answer

je ne visualise plus que le menu lorsque j'ouvre une page du site
j'y ai accès en mode codemais pas autrement ... 
sur la preview dream tu parle ???

 et les includes peuvent creer des problemes si elle son mal code mais je pense plus au js !!

RAd

bg62 · Answer

oui sur dream, non pas dans la prévu mais dans la page de travail coté 'view' (c'est peut-être la même chose ?)
pour les includes tu veux que je mette tous les codes ici
@+
b g

RAD ZONE · Answer

pour les includes tu veux que je mette tous les codes ici 

 je touche pas une bille en php !! :()!

bg62 · Answer

dream me met déjà une alerte sur cette ligne au départ:
<link rel="stylesheet" type="text/css" href="stylesas.css">
???????
comprends pas !
@+
bg

bg62 · Answer

les 'includes' ne sont pas vraiment du php .... exemple, j'ai ceci:

pour defilebas1.php cest : pour suitscrollbar.php: pour menu.html:

S.A.S. et les évènements

enterrement de vie de ...

autres prestations

KARAOKE & Vidéo

location de matériel

une avalanche de paillettes

donc du java ou de html que j'appelle ainsi pour éviter les répétitions (et les erreurs de frappe) dans toutes les pages .... pour la css: body, html { height: 100%; margin: 0; padding: 0; background : #fff url(../images/bg4.jpg) fixed; font-size :1em; font-family: Arial, Verdanna, Helvetica, sans-serif; } html { overflow:auto; } body { overflow: auto; } #menu { position:absolute; margin-top : 10px; /*margin-left: 760px !important;*/ margin-left: 800px ; text-align:left; list-style : none; font-size :0.75em !important; font-weight: bold; } #menu li {} #menu li a{ display : block ; text-decoration : none; color : #0AFF0A; margin : 1px 0 0 0 ; text-transform : uppercase; line-height : 20px ; border-bottom : 1px dotted #ccc; width : 150px; } #menu li a:hover{ color : #FF850A; text-decoration : none; text-indent :20px; } ul[id=menu] { position: fixed !important; } html > body { overflow: visible !important; } #content{ width:790px; background : #fff url(../images/bg_new.jpg) repeat-y;} html>body #content {height : auto; min-height : 100%; } .haut {width : 790px ; height : 180px ; background : url(../images/sas04.gif)} #gauche { width : 200px ; float : left; margin-left : 0; padding-bottom :100px; /*text-align:justify;*/ } #gauche p{ padding : 0 ; margin : 5px 20px 0 20px} #droite { width : 590px ; background: transparent; float : left; margin-left : 0; padding-bottom : 40px; text-align:left; /*font-size :1.2em;*/ color: #FFFFFF !important; letter-spacing:1px; } /*#droite p{ padding : 0 ; margin : 5px 20px 0 20px} h1 { margin : 20px 20px 20px 20px; border-bottom : 1px dotted #000 ; line-height : 30px ; padding-botom : 20px ; font-size : 1.2em; text-transform : uppercase ; }*/ #droite p{ padding : 0 ; margin : 5px 20px 0 20px} h1 { margin : 20px 20px 20px 20px; border-bottom : 1px dotted #000 ; line-height : 30px ; padding-botom : 20px ; /*font-size : 1.5em; */ font-size : 1.3em; text-transform : uppercase ; } /* inutile pour ici h1 span{ font-size : 0.6em ; font-style : italic ; text-transform : none } */ h2 { font-family: Arial, Verdanna, Helvetica, sans-serif; font-size: 1em; color: #000000; letter-spacing:1px; } .imgdroite {float : right ; margin : 0 0 10px 10px } .imggauche {float :left ; margin : 0 10px 10px 0 } a {text-decoration : none ; color : #0AFF0A} a:hover {text-decoration : none ; color : #FF850A} #footer { background:#8b8b8b url(../images/footerbg.jpg) top left repeat-x; clear:both; color:#d0d0d0; font-size:0.89em; font-weight:bold; margin:0; padding:20px 0; text-align:center; } #footer a { color:#d0d0d0; font-weight:bold; } #footer a:hover{ color : #FF850A; text-decoration : underline ! important; } ............. un peu long mais je pense que tu comprendras ! il y a pas mal d'erreurs mais où ? et cette nouvelle version (cs3) de dream ne réagit pas non plus comme la 'MX' ..... message d'alerte à l'ouverture d'une page : cette page contient des balises

bg62 · Answer

et ... petit rappel : c'est surtout sous FF que le menu n'est pas fixé comme sous IE
@mitiés
b g

RAD ZONE · Answer

c'est surtout sous FF que le menu n'est pas fixé comme sous IE
@mitiés  oui c est moi qui avais fais une erreur en disant IE !! c est bien sur  ff et opera qu il y as un prob !!

 par contre avec les codes que tu ma donner , impossible d appeler l include suitscrolbar dans la page ????

 si je l insert manuellement pas de prob ???????? a part le scroll evidement !!

bg62 · Answer

quant à l'alerte donnée par dream c'était pour les fichiers flash ....
il change le codage et crée un dossier script dans le site avec le script de lecture !
fallait le savoir en changeant de version ...
@+
b g

RAD ZONE · Answer

quant à l'alerte donnée par dream c'était pour les fichiers flash ....
il change le codage et crée un dossier script dans le site avec le script de lecture !
fallait le savoir en changeant de version ... 

 oui dream 8 le faisais deja mais je n utilise pas cette methode qui est assez lourde et qui pour moi n apporte que le lien plug de flash !

 je prefert largement adapter le code manuellement en fontion du swf et de ca fontion en evitant le js tant que possible 

RAD

RAD ZONE · Answer

oui il y as un gros decalage !

 pour moi cela vient de la div "content"

RAD ZONE · Answer

http://radservebeer.free.fr/outilswebmaster/css-debug/index.html

 essaye ce petit outils que j ai mis sur mon site 
insert le code  dans les head de ta page a controler tu vas voir les block css et si tu click dessus tu verras les noeuds 

 il ne corrige rien mais te permet de voir visuellement et en temps reeel les modif apporte au css
et  les eventuels prob 

cela t aideras peut etre ??

je regarde aussi de mon cote :-))

RAD ZONE · Answer

je l ai mis et je vois bien  les divs et le reste !! clic sur une partie en rose tu devrais les voir !! puisque moi je les vois :!! et tu as une box qui apparais avec tout les detail  !!!

bg62 · Answer

erreur !
autant pour moi ... toi tu vas trop vite !!!
c'est en local que c'est correct pas en ligne .... donc encore erreur !

RAD ZONE · Answer

mais erreurs ? 
non ca ce sont les erreurs que l outils a eventuellement eut cela n est pas les erreurs du css

 il ne corrige rien il ne fait que te montrer visuellement ton css

 et si tu regarde l exemple que tu vient de mettre ! 
l orsque tu clic sur "content " tu te rend compte tout de suite que elle n est pas assaez haute car du texte passe en dessous donc il faut chercher dans cette voie  

l outil me donne pour la div content
Positionnement

    position: static

    display: block

    z-index: auto

    float: none

    clear: none

    top: auto

    left: auto

    right: auto

    bottom: auto
Dimensionnement

    width: 790px

    height: 666px

    margin-top: 0px

    margin-right: 0px

    margin-bottom: 0px

    margin-left: 0px

    padding-top: 0px

    padding-right: 0px

    padding-bottom: 0px

    padding-left: 0px

    background-color: rgb(255, 255, 255)

    border-top-width: 0px

    border-right-width: 0px

    border-bottom-width: 0px

    border-left-width: 0px

    overflow: visible
RAD

RAD ZONE · Answer

ta div droite est plus haute que ta div content et poutant elle est insere dans la div content !!!!!!!!!!!!!!!!!!!!!!!!!!!!

width: 590px

height: 854.533px
-
&#9827;  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. &#9827;

RAD ZONE · Answer

bizare ?

 j ai pus faire le bg sur IE mais rien a faire sur FF!!

RAD ZONE · Answer

ça peut jouer sur cette erreur ou c'est une constatation ? 
c est une constatation du resultat reel sous ffx

bg62 · Answer

j'ai mis ceci dans la css:
#content{
width:790px;
overflow: hidden;
background : #fff url(../images/bg_new.jpg) repeat-y ;}

et cela semble fonctionner (sauf une image mal centrée dans la colonne de gauche)
mais ici en local sous easyphp
je viens de mettre la correction en ligne et ça ne change rien ....
http://www.sas-evenement.fr/pages/accueil.php
je crois que je vais craquer !
@+
b g

RAD ZONE · Answer

si le bg est bon maintenant sur ff mais pas le menu !!

RAD ZONE · Answer

je crois que j ai avance ??? pour le menu

essaye ce  CSS
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg4.jpg) fixed;
	font-size: 1em;
	font-family: Arial, Verdanna, Helvetica, sans-serif;
}
#menu {
	position: absolute;
	margin-top: 10px;
	/*margin-left: 760px !important;
*/
	margin-left: 800px;
	text-align: left;
	list-style: none;
	font-size: 0.75em !important;
	font-weight: bold;
}
#menu li {
}
#menu li a {
	display: block;
	text-decoration: none;
	color: #0AFF0A;
	margin: 1px 0 0 0;
	text-transform: uppercase;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	width: 150px;
}
#menu li a:hover {
	color: #FF850A;
	text-decoration: none;
	text-indent: 20px;
}
#content {
	width: 790px;
	overflow: hidden;
	background: #fff url(../images/bg_new.jpg) repeat-y;
}
html>body #content {
	height: auto;
	min-height: 100%;
}
.haut {
	width: 790px;
	height: 180px;
	background: url(../images/sas04.gif)
}
#gauche {
	width: 200px;
	float: left;
	margin-left: 0;
	padding-bottom: 100px;
	/*text-align: justify;
*/
}
#gauche p {
	padding: 0;
	margin: 5px 20px 0 20px
}
#droite {
	width: 590px;
	background: transparent;
	float: left;
	margin-left: 0;
	padding-bottom: 40px;
	text-align: left;
	/*font-size: 1.2em;
*/
	color: #FFFFFF !important;
	letter-spacing: 1px;
}
/*#droite p {
	padding: 0;
	margin: 5px 20px 0 20px
}
h1 {
	margin: 20px 20px 20px 20px;
	border-bottom: 1px dotted #000;
	line-height: 30px;
	padding-botom: 20px;
	font-size: 1.2em;
	text-transform: uppercase;
}
*/
#droite p {
	padding: 0;
	margin: 5px 20px 0 20px
}
h1 {
	margin: 20px 20px 20px 20px;
	border-bottom: 1px dotted #000;
	line-height: 30px;
	padding-botom: 20px;
	/*font-size: 1.5em;
*/
	font-size: 1.3em;
	text-transform: uppercase;
}
/* inutile pour ici  h1 span {
	font-size: 0.6em;
	font-style: italic;
	text-transform: none
}
*/
h2 {
	font-family: Arial, Verdanna, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	letter-spacing: 1px;
}
.imgdroite {
	float: right;
	margin: 0 0 10px 10px
}
.imggauche {
	float: left;
	margin: 0  10px 10px 0
}
a {
	text-decoration: none;
	color: #0AFF0A
}
a:hover {
	text-decoration: none;
	color: #FF850A
}
#footer {
	background: #8b8b8b url(../images/footerbg.jpg) top left repeat-x;
	clear: both;
	color: #d0d0d0;
	font-size: 0.89em;
	font-weight: bold;
	margin: 0;
	padding: 20px 0;
	text-align: center;
}
#footer a {
	color: #d0d0d0;
	font-weight: bold;
}
#footer a:hover {
	color: #FF850A;
	text-decoration: underline ! important;
}

bg62 · Answer

ok ... mais avant je fais une mise à jour en ligne ... pour voir
d'ici qq minutes
dis-moi quoi ?
s'il le faut alors je reverrai de nouveau la css avec ce que tu m'as indiqué
@+
b g

RAD ZONE · Answer

SALUT

bon et bien ca a l air d etre bon ;-)) sur IE  ET  FFX MAIS PAS OPERA!!

 et  ca y fais peut etre ??
https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.sas-evenement.fr%2F

RAD

RAD ZONE · Answer

SALUT 

 le probleme sur opera c est que si on scroll + que la moitie de la page le menu disparait completement  !!!


sur mon css j ai en fait juste supprime quelque lignes ! important!! 

 et chez moi ca semblais aller ?? mais c etais avant la modif du bg (pas toi mais le background ;-)) !!!!)

 maintenant c est a voir ?

mais c est un truc de fou  cette page !!!!!! 
j arrive a faire des modifs qui passent en local et pas en ligne ??????????????????????????????

RAD

IE et FF encore un problème sur un site

24 réponses

Discussions similaires

Newsletters