Tom's Guide > Forum > Programmation > [Resolu] [CSS+XHTML] problème de décalage

[Resolu] [CSS+XHTML] problème de décalage

Forum Programmation : [Resolu] [CSS+XHTML] problème de décalage

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
stickmaniak   20-06-2007 à 09:43:26

Bonjour tout le monde; j'ais une petit problème de décallage,
dans mon iframe, les images semblent être poussées ver la droite:

Un apercu
cliquez ici

CSS:

Code :
  1. body
  2. {
  3. overflow:hidden;
  4. overflow-x: hidden;
  5. overflow-y: auto;
  6. overflow : -moz-scrollbars-vertical;
  7. background-color:#313131;
  8. font-size:11px;
  9. color:#313131;
  10. font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  11. font-weight:bold;
  12. }
  13. a img{border:none;text-decoration:none;}
  14. a{text-decoration:none;color:#167587;}
  15. a:hover{color:silver;}
  17. #iframe
  18. {
  19. width:700px;
  20. background-color:#313131;
  21. overflow:hidden;
  22. border:1px solid white;
  23. }
  25. .bouton2:hover{height:auto;}
  26. .sousbouton a{text-decoration:none; color:#167587;}
  27. .sousbouton a:hover{color:silver;}
  28. .sousbouton
  29. {
  30. background-color:#313131;
  31. font-size:11px;
  32. }
  34. .gallerie
  35. {
  36. border:1px solid red;
  37. position:relative;
  38. top:0px;
  39. left:0px;
  40. width:700px;
  41. margin:auto;
  42. background-color:#313131;
  43. }



HTML de la page principal:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.   <head>
  4.       <title>aREA-51</title>
  5.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.       <link rel="shortcut icon" type="image/x-icon" href="area.ico" />
  7.       <script>
  8. function actu_iframe(){
  9. if(navigator.appName=="Microsoft Internet Explorer" ){
  10. if(document.all) document.all.id_iframe.style.height = document.frames("iframe" ).document.body.scrollHeight;
  11. else document.getElementById("iframe" ).style.height = document.getElementById("iframe" ).contentDocument.body.scrollHeight;
  12. }
  13. else{
  14. document.getElementById("iframe" ).style.height = document.getElementById("iframe" ).contentDocument.body.offsetHeight+"px";
  15. }
  16. }
  17. </script>     
  18. <!--[if lt IE7]>
  19.                 <script>
  20.                 function actu_iframe()
  21. {
  22. if(document.all) document.all.iframe.style.height = document.frames("iframe" ).document.body.scrollHeight;
  23. else document.getElementById("iframe" ).style.height = document.getElementById("iframe" ).contentDocument.body.scrollHeight;
  24. }
  25. </script>
  26.         <![endif]-->
  27. <link rel="stylesheet" media="screen" type="text/css" title="clearblack" href="hithesky.css"/>
  28.   </head>
  29.  
  30. <body>
  32. <div class="frame">
  33.         <iframe onLoad="actu_iframe();" name="I1"id="iframe" src="index/+.html" scrolling="no" frameborder=no>Votre navigateur ne supporte pas les
  34.         frames.</iframe>
  35.         </div>
  37. <a id="menulien" href="info/info.html" target="I1">
  38.         <div class="bouton2">
  39.             aREA-51
  40.         </div>
  41.         </a>



HTML d'une page contenant un image (contenu décalé dans l'iframe):

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.   <head>
  4.       <title>BLOC-418²</title>
  5.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.       <link rel="stylesheet" media="screen" type="text/css" title="clearblack" href="../../hithesky.css"/>
  7.       <link rel="shortcut icon" type="image/x-icon" href="area.ico" />
  8.   </head>
  9.   <body>
  10.         <div class="gallerie">
  11.         <img src="+2.jpg"/>
  12.         </div>
  13.     </body>
  14. </html>



Je pense que ce problème de décalage a un rapport avec l'image et sont div conteneur.... help pleas. Merci d'avance! [cligne]


Message édité par stickmaniak le 20-06-2007 à 10:51:59
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
sangoku538   20-06-2007 à 09:45:19
- 0 +

Je ne vois pas le problème ! :D Nonnon, j'ai rien bu !


Message édité par sangoku538 le 20-06-2007 à 09:46:00
------------------------------ La théorie c'est quand on sait tout mais que rien ne fonctionne, la pratique c'est quand tout fonctionne mais personne ne sait pourquoi ; nous avons réunis ici pratique et théorie --> rien ne fonctionne et personne ne sais pourquoi
Albert Einstein
 Répondre à sangoku538
stickmaniak   20-06-2007 à 09:58:36
- 0 +

Lol, je post une image pour que se soit plus claire:
http://stickart.ifrance.com/area51/problème.jpg

- La marge rouge représente la div gallerie qui contient l'image.
C'est la page qui est charger dans mon iframe.
- La marge blanche représente l'iframe.

Il y a bel et bien un décalage, sous IE comme sous FF.
help pleas :??:

Répondre à stickmaniak
sangoku538   20-06-2007 à 10:17:35
- 0 +

Ah ok merci, je vais essayer d'y réfléchir ^^

------------------------------ La théorie c'est quand on sait tout mais que rien ne fonctionne, la pratique c'est quand tout fonctionne mais personne ne sait pourquoi ; nous avons réunis ici pratique et théorie --> rien ne fonctionne et personne ne sais pourquoi
Albert Einstein
 Répondre à sangoku538
stickmaniak   20-06-2007 à 10:51:28
- 0 +

Résolu: margin:0px et padding:0px a mon body, les marges ont disparu. Bonne journée all!

Répondre à stickmaniak
sangoku538   20-06-2007 à 10:52:14
- 0 +

Ok, dsl de ne pas avoir trouvé avant toi ... ^^

------------------------------ La théorie c'est quand on sait tout mais que rien ne fonctionne, la pratique c'est quand tout fonctionne mais personne ne sait pourquoi ; nous avons réunis ici pratique et théorie --> rien ne fonctionne et personne ne sais pourquoi
Albert Einstein
 Répondre à sangoku538
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [Resolu] [CSS+XHTML] problème de décalage
Aller à :

Il y a 2521 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 2,152 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens