Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2411 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 -->
  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.

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

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.091 secondes

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