Problemas al visualizar código al cambiar de navegador

Science Seguir

Eta
Verificación en dos pasos desactivada
Desde
24 Ene 2011
Mensajes
1.470
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!
 

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
966
Podrias usar
Insertar CODE, HTML o PHP:
<p><br/></p>
en ves del HR
O usar una img para separador.
 

Science

Eta
Verificación en dos pasos desactivada
Desde
24 Ene 2011
Mensajes
1.470
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
 

dutrilla

Alfa
Verificación en dos pasos desactivada
Desde
30 May 2011
Mensajes
20
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.
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba