Problemas al visualizar código al cambiar de navegador

  • Autor Autor Science
  • Fecha de inicio Fecha de inicio
S

Science

Eta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola!

Tengo un problema gordo. Tengo unos botones puestos en el single.php. Los tengo puestos con un "div style float" y me estaba quedando todo bien.

El problema ha sido cuando, al querer dejarlo todo más compacto puse justo debajo una línea HTML del tipo HR.

En Google Chrome se ve perfecto. Pero en Firefox se ve todo muy mal, muy descompensado y me acaba de dar un susto.

El código es este:
PHP:
<div style="float:left; margin-bottom:5px;margin-top:43px;margin-left:0px;margin-right:0px">
<!-- AddToAny BEGIN -->
<div class="a2a_kit a2a_default_style">
<a class="a2a_dd" href="http://www.addtoany.com/share_save"></a>
<span class="a2a_divider"></span>
<a class="a2a_button_printfriendly"></a>
<a class="a2a_button_email"></a>
</div>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.onclick = 1;
a2a_config.num_services = 12;
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END --></div>



<div style="float:right; margin-bottom:5px;margin-top:5px;margin-left:0px;margin-right:0px">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?>" data-text="<?php the_title(); ?>" data-count="vertical" data-via="ScienceSTP">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> 

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone> 

<iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&app_id=222258084469582&href=<?php the_permalink();?>&send=false&layout=box_count&width=55&show_faces=false&action=like&colorscheme=light&font&height=90" scrolling="yes" frameborder="0" style="border:none; overflow:auto; width:50px; height:60px;" allowTransparency="true"></iframe>

</div>

<div style="float:right; margin-bottom:5px;margin-top:38px;margin-left:0px;margin-right:20px">
<?php chgfontsize_display_options(); ?></div>


<HR width=100% align="left">

Hay mucho PHP pero el error creo que viene del separador HR, que es HTML.
Saludos!
 
Podrias usar
Insertar CODE, HTML o PHP:
<p><br/></p>
en ves del HR
O usar una img para separador.
 
Ya lo tengo solucionado. Gracias igualmente por el aporte. Antes del <HR width=100% align="left"> no había puesto ningún <br> ni ningún <p>... Lo raro es que en Google Chrome me saliese bien xD
 
No es raro amigo, suele ocurrir, dependiendo de los navegadores estos interpretan una cosa u otra, aunque sea el mismo codigo. Tenlo siempre en cuenta, y prueba siempre en los navegadores mas populares cuando estes diseñando.