При изменении размера элементов div внутри отображаются

Question

[введите описание изображения здесь] [1] У меня есть простые divs для создания вертикального меню, и показать это полностью на моем веб-сайте, все это отлично работает, но когда я перехожу к изменению размера окно до минимума я вижу, что элементы внутри идут вправо, и не показывают в центре, и я вижу, что на самом деле все div не изменяются полностью в момент, когда я перехожу к размеру окна к этому минимуму.

Я вижу это при тестировании в firefox, а не в других браузерах, вся проблема заключается в том, что при изменении размера он ниже 200 пикселей, если я поместил окна, измените размер выше этой ширины, отлично покажусь, но только успел зайти в firefox

Вы можете увидеть код здесь:

https://jsfiddle.net/g7v7t07m/

Лучший подмигнули тест в brownser:

<style> 



#web_header_menu_boton_1 
{ 
display:block; 
position:relative; 
min-width:100%; 
width:auto; 
margin-top:2px; 
margin-right:auto; 
margin-left:auto; 
text-align:center; 
background-color:green; 
} 

#web_header_menu_boton_2 
{ 
display:block; 
position:relative; 
min-width:100%; 
width:auto; 
margin-top:2px; 
margin-right:auto; 
margin-left:auto; 
text-align:center; 
background-color:red; 
} 

</style> 

<div id="web_header_menu_boton_1">MENU TOP</div> 
<div id="web_header_menu_boton_2">MENU TOP</div> 
<div id="web_header_menu_boton_1">MENU TOP</div> 
<div id="web_header_menu_boton_2">MENU TOP</div> 
<div id="web_header_menu_boton_1">MENU TOP</div> 

Image Общее изменение размера окна см плохо:

https://drive.google.com/open?id=0B5Pt2K-f2Sp1R1FYZ21tazczUm8

Answer 1

ваш вопрос не так ясен для меня. возможно, добавив картинку, чтобы показать, что было бы здорово. Но я gess вам нужно написать код mozila, если он только в Mozilla Firefox. Ищите поиск в css moz -... (например, webkit -... или другие).