Se connecter / S'enregistrer
Votre question

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

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
20 Juin 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:
  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;}
  16.  
  17. #iframe
  18. {
  19. width:700px;
  20. background-color:#313131;
  21. overflow:hidden;
  22. border:1px solid white;
  23. }
  24.  
  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. }
  33.  
  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:
  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>
  31.  
  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>
  36.  
  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):
  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]

Autres pages sur : resolu css xhtml probleme decalage

20 Juin 2007 09:45:19

Je ne vois pas le problème ! :D  Nonnon, j'ai rien bu !
20 Juin 2007 09:58:36

Lol, je post une image pour que se soit plus claire:


- 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 :??: 
Contenus similaires
20 Juin 2007 10:17:35

Ah ok merci, je vais essayer d'y réfléchir ^^
20 Juin 2007 10:51:28

Résolu: margin:0px et padding:0px a mon body, les marges ont disparu. Bonne journée all!
20 Juin 2007 10:52:14

Ok, dsl de ne pas avoir trouvé avant toi ... ^^
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS