Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1337 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  Problème de mise en page selon le navigateur

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème de mise en page selon le navigateur

n°2185685
splint33
Posté le 12-04-2013 à 21:41:42  profilanswer
 

Bonjour, j'utilise actuellement worldpress, et un thème que je modifie pour le rendre aux couleurs du site.
Actuellement, je n'ai plus besoin de modifier l'aspect, que je juge bon.
Le problème que je constate est que l'affichage diffère selon le navigateur. Le seul bon affichage de l'entête du site se fait sous Chrome et sous Safari, sur iPhone. Sous Firefox, Internet Explorer, BlackBerry Browser et autre, l'entête pose problème.
 
Je vous montre un peut le problème. En bas, le bon affichage, sous Chrome, et en haut, le problème de header, sous Firefox
http://image.noelshack.com/fichiers/2013/15/1365795591-sans-titre.png
 
Je vous donne le code de mon header.php, je ne me débrouille pas assez en php pour comprendre la source du problème...
 

Code :
  1. <?php
  2. global $options;
  3. foreach ($options as $value) {
  4. if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
  5. }
  6. ?>
  7. <!DOCTYPE html>
  8. <html <?php language_attributes(); ?>>
  9. <head>
  10. <meta charset="<?php bloginfo( 'charset' ); ?>" />
  11. <meta name="google-site-verification" content="e89biHxHEAzjQJ5ozcSMHRKWENc9i0g8wUacHCnZ4Ws" />
  12. <title><?php
  13. global $page, $paged;
  14. wp_title( '|', true, 'right' );
  15. bloginfo( 'name' );
  16. $site_description = get_bloginfo( 'description', 'display' );
  17. if ( $site_description && ( is_home() || is_front_page() ) )
  18.  echo " | $site_description";
  19. if ( $paged >= 2 || $page >= 2 )
  20.  echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
  21. ?></title>
  22.    
  23. <!-- feeds -->
  24. <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  25. <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
  26. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  27. <!-- /feeds -->
  28.    
  29. <!-- main stylesheet & favicon -->
  30. <link rel="icon" type="image/png" href="<?php echo $xs_favicon; ?>" />
  31. <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
  32. <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/superfish.css" media="screen" />
  33. <!-- /main stylesheet & favicon -->
  34. <!-- main javascript -->
  35. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.js"></script>
  36. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.scrollTo-min.js"></script>
  37. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/superfish.js"></script>
  38. <!-- /main javascript -->
  39. <? if ($xs_disable_slider== "true" ) { ?>
  40. <? } else { ?>
  41. <!-- nivoslider -->
  42. <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/nivo-slider.css" media="screen" />
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  44. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.nivo.slider.pack.js"></script>
  45. <script type="text/javascript">
  46. $(window).load(function() {
  47.     $('#slider').nivoSlider({
  48.         effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
  49.         slices:15, // For slice animations
  50.         boxCols: 8, // For box animations
  51.         boxRows: 4, // For box animations
  52.         animSpeed:500, // Slide transition speed
  53.         pauseTime:8000, // How long each slide will show
  54.         startSlide:0, // Set starting Slide (0 index)
  55.         directionNav:true, // Next & Prev navigation
  56.         directionNavHide:true, // Only show on hover
  57.         controlNav:false, // 1,2,3... navigation
  58.         controlNavThumbs:false, // Use thumbnails for Control Nav
  59.         controlNavThumbsFromRel:false, // Use image rel for thumbs
  60.         controlNavThumbsSearch: '.jpg', // Replace this with...
  61.         controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  62.         keyboardNav:true, // Use left & right arrows
  63.         pauseOnHover:true, // Stop animation while hovering
  64.         manualAdvance:false, // Force manual transitions
  65.         captionOpacity:0.8, // Universal caption opacity
  66.         prevText: 'Prev', // Prev directionNav text
  67.         nextText: 'Next', // Next directionNav text
  68.         beforeChange: function(){}, // Triggers before a slide transition
  69.         afterChange: function(){}, // Triggers after a slide transition
  70.         slideshowEnd: function(){}, // Triggers after all slides have been shown
  71.         lastSlide: function(){}, // Triggers when last slide is shown
  72.         afterLoad: function(){} // Triggers when slider has loaded
  73.     });
  74. });
  75. </script>
  76. <!-- /nivoslider -->
  77. <? } ?>
  78. <!-- scrollto -->
  79. <script type="text/javascript">
  80. $(document).ready(function()
  81. {
  82. $('a.scrollto').click(function(){
  83. $.scrollTo( 0, 500);
  84. return false;
  85. });
  86. });
  87. </script>
  88. <!-- /scrollto -->
  89. <!-- Superfish -->
  90. <script>
  91.     $(document).ready(function() {
  92.         $('ul.sf-menu').superfish({
  93.             delay: 100,
  94.             animation: {opacity:'show',height:'show'},
  95.   speed: 'normal',
  96.             autoArrows:  true,
  97.             dropShadows: true
  98.         });
  99.     });
  100. </script>
  101. <!-- End Superfish --><link rel="stylesheet" type="text/css" href="style.css">
  102. <?php wp_head(); ?>
  103. </head>
  104. <body>
  105. <div id="header">
  106.      <div id="header-logo">
  107. <? if ($xs_enable_custom_logo== "true" ) { ?>
  108.   <a href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" class="logo" rel="home"><img src="<?php echo $xs_custom_logo ?>" alt="<?php bloginfo( 'name' ) ?>" /></a>
  109. <? } else { ?>
  110.          <a id="logo" href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" rel="home"><?php bloginfo( 'name' ) ?></a>
  111. <? } ?>
  112.         <p class="header-description">rejoignez le monde de tous les possibles</p>
  113.         <div class="clear"></div>
  114.         </div><!-- /header-logo -->     
  115.         <div class="clear"></div>
  116. </div>
  117. <div id="line"></div>
  118. <div id="menu">
  119. <div id="primary-nav">
  120.        <?php wp_nav_menu(); ?>
  121.        <div class="clear"></div>
  122. </div><!-- /primary-nav --></div>
  123. <!-- /header -->


 
Merci d'avance pour toute aide.

mood
Publicité
Posté le 12-04-2013 à 21:41:42  profilanswer
 

n°2185730
gatsu35
Blablaté par Harko
Posté le 13-04-2013 à 12:01:44  profilanswer
 

Dans ta CSS :  

Code :
  1. #header-logo p {
  2.     color: #C69C6D;
  3.     float: left;
  4.     font-size: 11px;
  5.     margin: 17px 0 0 20px;
  6.     text-transform: uppercase;
  7. }


Vire le float:left;


---------------
Blablaté par Harko
n°2185740
splint33
Posté le 13-04-2013 à 14:02:16  profilanswer
 

Merci beaucoup, le problème est résolut !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  Problème de mise en page selon le navigateur

 

Sujets relatifs
Probleme de liaison à l'interfaceProblème pour actualiser les valeurs d'une Trackbar
Problème lors de la génération de la javadocproblème de manipulation/réorganisation de fichiers
Problème query PDOProblème HttpHostConnectException
Problème: Un autre site à la place du mien !executer une page .php en fond
[Input et BDD] problème complex...probleme mise a jour de ma base de données
Plus de sujets relatifs à : Problème de mise en page selon le navigateur


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR