Me pasa una cosa extraña y es que hay una sola parte de la página que se ve diferente en Firefox y en Chrome. Es la distancia que hay desde el logo y el texto, en chrome es mayor y quiero que en Firefox sea igual pero sin embargo es menor.
Adjunto imágenes:
Chome:
Firefox:
Código:
HTML:
<section class="projectcontainer text-center col-md-12 center-block text-center">
<div class="col-xs-12 col-sm-2 col-md-2 sidebar-outer">
<div class="projectext">
<p>Kunagise, reisisadama kõrvale ehitatud Saku Rock Hotelli siltide veidi teistmoodi tekstid ja kujundused. Ajalehepaberist võtmetasku. Hotelli logo ei ole meie kujundatud.</p>
</div>
</div>
<div class="col-xs-12 col-sm-10 col-md-10">
<div class="image_left">
<img src="images/hotelli_do_not disturb_silt_1.jpg" class="img-responsive" alt="web design app image";>
<img src="images/hotelli_sildid_1.jpg" class="img-responsive" alt="web design app image";>
<img src="images/hotelli_sildid_2.jpg" class="img-responsive" alt="web design app image";>
<img src="images/hotelli_votmekaardi_tasku.jpg" class="img-responsive" alt="web design app image";>
</div>
</div>
</div>
</section>
CSS:
.projectext{
text-align: left;
position: fixed;
overflow:hidden;
width: 200px;
}
.image_left{
margin-left: 30%;
}
.projectcontainer{
padding-top: 9%;
}
Sabéis si se puede arreglar de alguna manera?
Muchas gracias!
row
? No se ve en el código que compartes, ¿podría ser eso la causa?.logo_menu
: padding-left: 8%; padding-top: 8%.