Problème de mise en page selon le navigateur

Problème de mise en page selon le navigateur - PHP - Programmation

Marsh Posté le 12-04-2013 à 21:41:42    

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 -->
  35. <!-- main javascript -->
  36. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.js"></script>
  37. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.scrollTo-min.js"></script>
  38. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/superfish.js"></script>
  39. <!-- /main javascript -->
  41. <? if ($xs_disable_slider== "true" ) { ?>
  42. <? } else { ?>
  43. <!-- nivoslider -->
  44. <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/nivo-slider.css" media="screen" />
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  46. <script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.nivo.slider.pack.js"></script>
  47. <script type="text/javascript">
  48. $(window).load(function() {
  49.     $('#slider').nivoSlider({
  50.         effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
  51.         slices:15, // For slice animations
  52.         boxCols: 8, // For box animations
  53.         boxRows: 4, // For box animations
  54.         animSpeed:500, // Slide transition speed
  55.         pauseTime:8000, // How long each slide will show
  56.         startSlide:0, // Set starting Slide (0 index)
  57.         directionNav:true, // Next & Prev navigation
  58.         directionNavHide:true, // Only show on hover
  59.         controlNav:false, // 1,2,3... navigation
  60.         controlNavThumbs:false, // Use thumbnails for Control Nav
  61.         controlNavThumbsFromRel:false, // Use image rel for thumbs
  62.         controlNavThumbsSearch: '.jpg', // Replace this with...
  63.         controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  64.         keyboardNav:true, // Use left & right arrows
  65.         pauseOnHover:true, // Stop animation while hovering
  66.         manualAdvance:false, // Force manual transitions
  67.         captionOpacity:0.8, // Universal caption opacity
  68.         prevText: 'Prev', // Prev directionNav text
  69.         nextText: 'Next', // Next directionNav text
  70.         beforeChange: function(){}, // Triggers before a slide transition
  71.         afterChange: function(){}, // Triggers after a slide transition
  72.         slideshowEnd: function(){}, // Triggers after all slides have been shown
  73.         lastSlide: function(){}, // Triggers when last slide is shown
  74.         afterLoad: function(){} // Triggers when slider has loaded
  75.     });
  76. });
  77. </script>
  78. <!-- /nivoslider -->
  79. <? } ?>
  81. <!-- scrollto -->
  82. <script type="text/javascript">
  83. $(document).ready(function()
  84. {
  85. $('a.scrollto').click(function(){
  86. $.scrollTo( 0, 500);
  87. return false;
  88. });
  89. });
  90. </script>
  91. <!-- /scrollto -->
  93. <!-- Superfish -->
  94. <script>
  95.     $(document).ready(function() {
  96.         $('ul.sf-menu').superfish({
  97.             delay: 100,
  98.             animation: {opacity:'show',height:'show'},
  99.   speed: 'normal',
  100.             autoArrows:  true,
  101.             dropShadows: true
  102.         });
  103.     });
  104. </script>
  105. <!-- End Superfish --><link rel="stylesheet" type="text/css" href="style.css">
  107. <?php wp_head(); ?>
  109. </head>
  111. <body>
  112. <div id="header">
  113.      <div id="header-logo">
  114. <? if ($xs_enable_custom_logo== "true" ) { ?>
  115.   <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>
  116. <? } else { ?>
  117.          <a id="logo" href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" rel="home"><?php bloginfo( 'name' ) ?></a>
  119. <? } ?>
  120.         <p class="header-description">rejoignez le monde de tous les possibles</p>
  121.         <div class="clear"></div>
  122.         </div><!-- /header-logo -->     
  123.         <div class="clear"></div>
  124. </div>
  125. <div id="line"></div>
  126. <div id="menu">
  127. <div id="primary-nav">
  128.        <?php wp_nav_menu(); ?>
  129.        <div class="clear"></div>
  130. </div><!-- /primary-nav --></div>
  131. <!-- /header -->


 
Merci d'avance pour toute aide.

Reply

Marsh Posté le 12-04-2013 à 21:41:42   

Reply

Marsh Posté le 13-04-2013 à 12:01:44    

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
Reply

Marsh Posté le 13-04-2013 à 14:02:16    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed